Files
Arcrun/.agents/specs/arcrun/frontend-redesign/design-source/design-chat.md
T
uncle6me-web 922a57fe34 arcrun — AI workflow execution engine (clean history)
Self-hosted 開源:WASM 零件 + recipe + cypher-executor,跑在你自己的 Cloudflare。

此為重建的乾淨歷史起點(移除曾誤 commit 的 GCP SA 金鑰,舊歷史保留在
richblack/arcrun 與本地 backup 分支)。含:
- acr init --self-hosted installer(建 KV/R2 + codeload 拉預編譯 wasm + wrangler deploy + seed recipe)
- recipe push 把關(資料外流提醒 + 打通檢查)
- 19 個正當零件預編譯 wasm(claude_api/km_writer/kbdb_upsert_block 排除:違反 DECISIONS §1)
- CLI / cypher-executor / registry / 完整 SDD

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-03 15:52:38 +08:00

2.4 KiB

Chat

Started 2026-04-23 04:37 UTC


User

Assistant

I'll design Arcrun as a cohesive 5-screen system. Let me plan and build this as an interactive prototype with all screens navigable.

[tool: update_todos]

Let me plan the architecture. I'll build a single HTML file with React, using multiple JSX component files, with screen navigation via state.

Design system note: I'll use Inter, electric indigo #6366F1 primary, #0F0F0F bg, #1A1A1A cards, with subtle indigo→violet gradients on CTAs. Dark, minimal, developer-focused. "Arcrun" wordmark will be original — a stylized "↯" or arc mark paired with the name.

Let me start building.

[tool: write_file]

[tool: write_file]

Now the primitives and chrome components:

[tool: write_file]

[tool: write_file]

[tool: snip]

Now the 5 screens. Let me write them concisely.

[tool: write_file]

[tool: write_file]

[tool: snip]

[tool: write_file]

[tool: write_file]

[tool: snip]

[tool: write_file]

[tool: write_file]

[tool: snip]

[tool: update_todos]

[tool: register_assets]

[tool: done]

[tool: snip]

[tool: list_files]

The file exists. The error may have been transient. Let me verify by checking the page loads.

[tool: show_html]

[tool: snip]

[tool: done]

The CSS exists but isn't loading through the preview path. Let me inline it to eliminate the dependency.

[tool: read_file]

[tool: run_script]

[tool: snip]

[tool: done]

[tool: fork_verifier_agent]

Built Arcrun as a cohesive 5-screen dark-mode prototype — Landing, Auth, API Keys, Dashboard, and Workflow Viewer — all navigable via the floating screen switcher at the bottom.

Highlights

  • Landing — hero with grid/glow bg, two-path split (developer terminal w/ npm·pip·bun tabs + Claude-style chat preview showing an Arcrun tool call)
  • Auth — centered card, Sign in / Sign up tabs, GitHub + Google OAuth, email + password
  • API Keys — first-time key callout with copy + hide-again warning, full keys table with live status toggles
  • Dashboard — sidebar shell, 3-col apps grid (+ empty-state card), workflows table below
  • Workflow Viewer — full-bleed dark canvas, 8 connected nodes with left-to-right bezier arrows, selectable with detail panel (I/O schema, editable triplet config for the AI node), minimap + zoom controls, prominent "Edit in Claude" CTA

Screen state persists in localStorage so reloads land you where you were.