Add standalone preview for the aifilediff block view

[Copilot]

This adds a frontend/preview entry for aifilediff.tsx, following the same full-block preview pattern used by sysinfo. The preview renders the real block/view stack with mock Wave objects and a mocked diff RPC response so the file diff UI can be exercised in isolation.

• Preview wiring

  • Added frontend/preview/previews/aifilediff.preview.tsx
  • Creates a mock workspace/tab/block for an aifilediff block
  • Renders the real Block component so header, sizing, and Monaco diff layout behave like an actual block view

• Mock diff data

  • Added frontend/preview/previews/aifilediff.preview-util.ts
  • Provides default original/modified file contents and a helper to build the mock WaveAIGetToolDiffCommand response
  • Uses a realistic file path and code sample so the diff viewer is immediately useful in preview mode

• View integration cleanup

  • Updated frontend/app/view/aifilediff/aifilediff.tsx to read RPC/WOS from the injected waveEnv
  • This keeps the view compatible with the preview server’s mock environment instead of depending on the global runtime path

• Focused preview coverage

  • Added frontend/preview/previews/aifilediff.preview.test.ts
  • Covers the helper that encodes mock diff payloads consumed by the preview

• Example

  rpc: {
      WaveAIGetToolDiffCommand: async (_client, data) => {
          if (
              data.chatid !== DefaultAiFileDiffChatId ||
              data.toolcallid !== DefaultAiFileDiffToolCallId
          ) {
              return null;
          }
          return makeMockAiFileDiffResponse();
      },
  }

• screenshot
  

---

🔒 GitHub Advanced Security automatically protects Copilot coding agent pull requests. You can protect all pull requests by enabling Advanced Security for your repositories. Learn more about Advanced Security.

[cloudflare-workers-and-pages]

Deploying waveterm with    Cloudflare Pages

Latest commit:	2a0d905
Status:	✅  Deploy successful!
Preview URL:	https://c50e76b4.waveterm.pages.dev
Branch Preview URL:	https://copilot-add-frontend-preview.waveterm.pages.dev

View logs

[kilo-code-bot]

Code Review Summary

Status: No Issues Found | Recommendation: Merge

Files Reviewed (4 files)

• frontend/app/view/aifilediff/aifilediff.tsx - Migrated to use WaveEnv pattern
• frontend/preview/previews/aifilediff.preview-util.ts - New preview utilities
• frontend/preview/previews/aifilediff.preview.test.ts - New test file
• frontend/preview/previews/aifilediff.preview.tsx - New preview component

The changes correctly migrate the AiFileDiffView to use the WaveEnv injection pattern, consistent with other views like sysinfo. The RPC calls now use model.env.rpc.WaveAIGetToolDiffCommand instead of the global RpcApi, and the block atom is obtained via this.env.wos.getWaveObjectAtom instead of the global WOS. This follows the established pattern for views that need environment-specific RPC and WOS access.