Add GitGlimpse workflow for automated demo recording (#41)

* feat: integrate git-glimpse for automated PR demo generation

Adds GitGlimpse GitHub Action to automatically record and post visual
demo GIFs of UI changes on pull requests. Includes:

- .github/workflows/git-glimpse.yml: main pipeline triggered on PR
  push or /glimpse comment; installs deps, records demo, posts to PR
- .github/workflows/git-glimpse-ack.yml: fast acknowledgment workflow
  that reacts with 👀 emoji when /glimpse is triggered
- git-glimpse.config.ts: project config pointing to Vite dev server
  at http://localhost:5173/epp-demo/

Requires ANTHROPIC_API_KEY secret set in repository settings.

https://claude.ai/code/session_01L74tc3msNfg2KcEuUef4Wf

* chore: explicitly set git-glimpse trigger mode to auto

https://claude.ai/code/session_01L74tc3msNfg2KcEuUef4Wf

* Revert "chore: explicitly set git-glimpse trigger mode to auto"

This reverts commit afacd24.

---------

Co-authored-by: Claude <noreply@anthropic.com>

Author: DeDuckProject

.github/workflows/git-glimpse-ack.yml

@@ -0,0 +1,21 @@
+name: GitGlimpse Acknowledge
+
+on:
+  issue_comment:
+    types: [created]
+
+jobs:
+  ack:
+    if: >-
+      github.event.issue.pull_request != null &&
+      contains(github.event.comment.body, '/glimpse')
+    runs-on: ubuntu-latest
+    permissions:
+      issues: write
+    steps:
+      - name: React with eyes
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          gh api repos/$GITHUB_REPOSITORY/issues/comments/${{ github.event.comment.id }}/reactions \
+            --method POST --field content=eyes || true

.github/workflows/git-glimpse.yml

@@ -0,0 +1,59 @@
+name: GitGlimpse
+
+on:
+  pull_request:
+    types: [opened, synchronize]
+  issue_comment:
+    types: [created]
+
+jobs:
+  demo:
+    runs-on: ubuntu-latest
+    if: >-
+      github.event_name == 'pull_request' ||
+      (github.event_name == 'issue_comment' &&
+       github.event.issue.pull_request != null &&
+       contains(github.event.comment.body, '/glimpse'))
+    permissions:
+      pull-requests: write
+      contents: write
+      issues: write
+
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          ref: ${{ github.event_name == 'issue_comment' && format('refs/pull/{0}/head', github.event.issue.number) || '' }}
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+
+      - run: npm ci
+
+      - name: Install FFmpeg
+        run: sudo apt-get install -y ffmpeg
+
+      - name: Install Playwright Chromium
+        run: npx playwright install chromium --with-deps
+
+      - uses: DeDuckProject/git-glimpse@v1
+        env:
+          ANTHROPIC_API_KEY: ${{ secrets.ANTHROPIC_API_KEY }}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: React with hooray on success
+        if: github.event_name == 'issue_comment' && success()
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          gh api repos/$GITHUB_REPOSITORY/issues/comments/${{ github.event.comment.id }}/reactions \
+            --method POST --field content=hooray || true
+
+      - name: React with confused on failure
+        if: github.event_name == 'issue_comment' && failure()
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          gh api repos/$GITHUB_REPOSITORY/issues/comments/${{ github.event.comment.id }}/reactions \
+            --method POST --field content=confused || true

git-glimpse.config.ts

@@ -0,0 +1,13 @@
+import type { GitGlimpseConfig } from '@git-glimpse/core';
+
+export default {
+  app: {
+    startCommand: 'npm run dev',
+    readyWhen: { url: 'http://localhost:5173/epp-demo/' },
+  },
+  recording: {
+    format: 'gif',
+    maxDuration: 30,
+    viewport: { width: 1280, height: 720 },
+  },
+} satisfies GitGlimpseConfig;