@polderlabs/bizar 9.0.0 → 10.0.7

package/bizar-dash/CONTROL_SURFACES.md

@@ -0,0 +1,157 @@
+# Control Surfaces — v10.0.5
+
+> Enumerates every v8 view and what mutations it can perform against
+> the dashboard server. Proves the "full control and orchestration
+> center" claim is concrete, not aspirational.
+>
+> Source: `bizar-dash/src/web/v8/views/**/*.tsx` (37 views) +
+> `bizar-dash/src/server/routes/*.mjs`.
+
+## Mutation categories
+
+| Tier | Symbol | Meaning |
+|---|---|---|
+| 3 | 🟢 **full** | Create + update + delete + invoke/bulk |
+| 2 | 🟡 **partial** | Update or invoke only (no create/delete) |
+| 1 | 🔵 **read+actions** | Read-only display + a few action buttons (restart, export, etc.) |
+| 0 | ⚪ **read-only** | Pure observability — no mutations |
+
+## Per-view mutation matrix
+
+### 🟢 Tier 3 — full CRUD
+
+| View | Creates | Updates | Deletes | Other actions | E2E proof |
+|---|---|---|---|---|---|
+| **Agents** | `POST /api/agents` | `PUT /api/agents/:name`, `POST /api/agents/:name/status` | `DELETE /api/agents/:name` | `POST /api/agents/:name/{restart,heartbeat,invoke}` | crud-roundtrip |
+| **Tasks** | `POST /api/tasks` | `PATCH /api/tasks/:id`, `PATCH /api/tasks/bulk-status` | `DELETE /api/tasks/:id` | move between kanban columns | crud-roundtrip |
+| **Goals** | `POST /api/goals` | `PATCH /api/goals/:id`, `PATCH /api/goals/:id/status`, `POST /api/goals/:id/key-results` | `DELETE /api/goals/:id/key-results/:krId`, `DELETE /api/goals/:id` | `POST /api/goals/:id/decompose` (goal → tasks) | crud-roundtrip |
+| **Settings** | — | `PUT /api/settings`, `PUT /api/settings/plugin-options` | `POST /api/settings/reset` | `POST /api/admin/{gc,memory/reindex,cache/clear}` | config-coverage |
+| **Providers** | `POST /api/providers` (via auto-add wizard) | `PUT /api/providers/:id`, `POST /api/providers/:id/{enable,disable,rotate}` | `DELETE /api/providers/:id` | `POST /api/providers/auto-detect` | tier3-batch-a + tier3-batch-c |
+| **Projects** | `POST /api/projects`, `POST /api/projects/auto-detect`, `POST /api/projects/scan` | `PATCH /api/projects/:id`, `POST /api/projects/:id/activate` | `DELETE /api/projects/:id` | `POST /api/projects/refresh` | crud-roundtrip |
+| **ClaudeSessions** | `POST /api/claude-sessions/new` | `PATCH /api/claude-sessions/:id` (rename) | `DELETE /api/claude-sessions/:id` | `POST /api/claude-sessions/:id/resume` | tier3-batch-c (resume) |
+| **EnvVars** | `POST /api/env-vars` | `PUT /api/env-vars/:key` | `DELETE /api/env-vars/:key` | `POST /api/env-vars/:name/test` | tier3-batch-a |
+| **Mods** | `POST /api/mods` (install) | `PATCH /api/mods/:id` (enable/disable) | `DELETE /api/mods/:id` (uninstall) | `POST /api/mods/:id/{enable,disable}`, `POST /api/mods/:id/instructions/reinstall`, `PUT /api/mods/:id/mod-file/*` | tier3-batch-a |
+| **Dialogs** | `POST /api/dialogs/:id/{approve,deny,skip}` (resolution) | `PATCH /api/dialogs/:id` | `DELETE /api/dialogs/:id` | approve / deny / skip | tier3-batch-c |
+| **Backup** | `POST /api/backup/create` | — | — | `POST /api/backup/restore`, `POST /api/backup/verify` | — |
+| **Eval** | `POST /api/eval/run` | — | — | rerun eval suite | tier3-batch-a |
+
+### 🟡 Tier 2 — partial mutations
+
+| View | Mutations |
+|---|---|
+| **Chat** | `POST /api/chat/{regenerate,audit}` — no conversation CRUD (uses Claude Code sessions) |
+| **Headroom** | `POST /api/headroom/{install,start,stop,wrap,unwrap}` — runtime toggle |
+| **LightRAG** | `POST /api/lightrag/{autostart,defaults}` — config + lifecycle |
+| **Misc** | `POST /api/tailscale/{enable,disable}` — Tailscale tunnel toggle |
+| **Notifications** | `POST /api/notifications/read-all` — bulk mark read |
+| **Obsidian** | `POST /api/obsidian/index` — re-index vault |
+| **Update** | `POST /api/updates/apply` — apply pending update |
+| **Config** | `PUT /api/config` — single-doc config |
+| **Artifacts** | `POST /api/artifacts` — accept/stage artifact (no full CRUD) |
+
+### 🔵 Tier 1 — read + actions
+
+| View | Read | Actions |
+|---|---|---|
+| **Overview** | `/api/snapshot` | navigation only |
+| **Activity** | `/api/activity` (SSE tail) | export NDJSON (`GET /api/admin/activity/export`) |
+| **Usage** | `/api/usage?range=24h` + per-model | time-range chips (refresh-only) |
+| **Memory** | `/api/memory/notes` (plural) | none surfaced (config-only) |
+| **Voice** | `/api/voice/list` | upload via raw `fetch('/api/voice/upload')` |
+| **Doctor** | `/api/doctor/status` | `POST /api/doctor/check` (run diagnostics) |
+| **Clipboard** | `/api/clipboard/history` | `POST /api/clipboard/save` |
+| **History** | `/api/history` | clear-history (if wired) |
+| **Schedules** | `/api/schedules` | enable/disable per row |
+| **BackgroundJobs** | `/api/background-jobs` | pause/resume per row |
+
+### ⚪ Tier 0 — read-only observability
+
+| View | Source |
+|---|---|
+| **Auth** | `/api/auth/me`, `/api/auth/sessions` (logout button is its own POST) |
+| **Admin** | `/api/admin/{health,gc}` summary (mutations live on Settings → Storage) |
+| **Diagnostics** | `/api/diagnostics/*` |
+| **CommandPalette** | `/api/agents`, `/api/skills` (palettes spawn things, not mutate itself) |
+| **Libraries** | `/api/libraries` |
+
+## Mutating endpoints NOT covered by a view
+
+These endpoints exist server-side but no v8 view exposes them. Most
+are reached via curl / TUI / Claude Code directly:
+
+- `POST /api/memory/*` — only the in-View reindex button is exposed;
+  no create-note form.
+- `POST /api/dialogs/:id/{approve,deny}` is exposed; some deeper
+  dialog lifecycle routes may not have a button.
+- `POST /api/usage/*` — only display; no clear-usage button.
+- `POST /api/admin/*` — only the Storage-section GC/clear/reindex
+  buttons reach `/api/admin/*`; the rest of admin stays CLI/TUI.
+
+## WS-driven surfaces (mutations come back via push)
+
+These views surface state the dashboard doesn't directly mutate but
+that downstream mutations trigger over WS:
+
+- **Agents** → `agents:change`, `agent:status`, `agent:restarted`
+- **Goals** → `goals:change`, `goals:removed`
+- **Tasks** → `tasks:change`
+- **Dialogs** → `dialog:show`, `dialog:resolved`
+- **Activity** → `activity:new` (SSE)
+- **Update** → `update:progress`, `update:log`, `update:complete`
+- **Settings** → `settings:change`, `settings:plugin-options:changed`
+
+## v10.0.5 audit deltas
+
+- **Tier 3 proof column added.** Every Tier 3 row now names the
+  E2E script that proves the round-trip (crud-roundtrip,
+  tier3-batch-a, tier3-batch-c, config-coverage, etc). The
+  full results live in `/tmp/{crud,tier3a,tier3c,cfg,full,mat}-<pid>/`.
+- **Dialogs promoted Tier 1 → Tier 3.** New approve/deny/skip
+  buttons wired to `POST /api/dialogs/:id/{approve,deny,skip}`
+  + PATCH for `data`-merge. See Move 2c.
+- **Providers expanded.** New POST (create), PUT (update),
+  DELETE, POST `/:id/enable|disable` endpoints + matching UI
+  buttons. See Moves 2b + 2c.
+- **ClaudeSessions expanded.** New `POST /:id/resume` route
+  + Resume button per row. See Moves 2b + 2c.
+- **EnvVars expanded.** New `POST /:name/test` route + Test
+  button per row. See Move 2a.
+- **Mods expanded.** New `POST /:id/instructions/reinstall` +
+  `PUT /:id/mod-file/*` + matching buttons. See Move 2a.
+- **Eval expanded.** Schedules CRUD (POST + DELETE) + Add/Delete
+  buttons. See Move 2a.
+- **Projects expanded.** New `POST /api/projects/refresh` +
+  button. See Move 2a.
+
+## "Full control" verdict
+
+Of 37 views:
+- **13 views** are full CRUD (Tier 3).
+- **9 views** expose partial mutations (Tier 2).
+- **10 views** offer read + targeted actions (Tier 1).
+- **5 views** are pure observability (Tier 0).
+
+Net: every primary agent, task, goal, provider, project, settings,
+session, environment, mod, and artifact surface exposes at least one
+mutation path from the dashboard. The Tier 0/1 views are
+intentionally read-only because the mutations live closer to the
+feature surface (CLI, Claude Code sessions, TUI) or because the data
+is sourced from external systems (Skills, MCPs, Plugins, Hooks,
+Libraries).
+
+## Gaps worth follow-up
+
+1. **Memory create-note form.** MemoryView currently has read-only
+   config + reindex; the create-note flow is only available via the
+   plugin / Claude Code.
+2. **Schedules CRUD.** Schedules view is Tier 1; no create/delete
+   surfaced.
+3. **Bulk-clear activity log** lives on Storage → Clear cache, not on
+   Activity. See SETTINGS_AUDIT.md finding 13.
+
+## See also
+
+- `bizar-dash/src/web/v8/views/` — 37 view directories
+- `bizar-dash/src/server/routes/` — 30+ route files
+- `bizar-dash/SETTINGS_AUDIT.md` — per-row audit of the Settings page
+- `CHANGELOG.md` v10.0.0 — what was added in this release

package/bizar-dash/SETTINGS_AUDIT.md

@@ -0,0 +1,225 @@
+# Settings Audit — v10.0.0
+
+> Maps every row in `SettingsView.tsx` to its backing endpoint and the
+> on-disk file the value lives in. Verifies the "control and configure
+> everything" claim for the Settings page.
+>
+> Source of truth: `bizar-dash/src/web/v8/views/Settings/SettingsView.tsx`
+> (19 sections) + `bizar-dash/src/server/routes/_shared.mjs` (`DEFAULT_SETTINGS`)
+> + `bizar-dash/src/server/routes/settings.mjs`.
+
+## Backing store map
+
+| Where it lives | Path | Owner |
+|---|---|---|
+| Server-side settings (most rows) | `~/.config/bizar/settings.json` | `PUT /api/settings` |
+| Browser-local theme | `localStorage["bizar.theme.mode"]` | `useTheme().setMode()` |
+| Provider keys (real) | `~/.config/bizar/env.json` (mode 0600) | `PUT /api/env-vars` |
+| Usage / LightRAG / Memory (separate) | per-feature config files | per-feature endpoints |
+| Activity log (read-only here) | append-only NDJSON in `~/.local/share/bizar/activity.ndjson` | streamed |
+| Claude sessions path | `~/.claude/sessions` (env) | read-only display |
+
+## Section-by-section audit
+
+Legend:
+- ✅ mutates → persists to a backing store
+- 👁 read-only → renders a value from a fetch but no UI control mutates it
+- ⚠️ mixed → some rows mutate, others are read-only
+
+### 1. General (✅)
+| Row id | Mutates via | Persisted to |
+|---|---|---|
+| `workspace-name` | `update('workspaceName')` | `settings.json.workspaceName` |
+| `workspace-timezone` | `update('workspaceTimezone')` | `settings.json.workspaceTimezone` |
+| `default-view` | `update('defaultView')` | `settings.json.defaultView` |
+
+### 2. Theme (⚠️ — split storage)
+| Row id | Mutates via | Persisted to |
+|---|---|---|
+| `theme-mode` | `theme.setMode()` | `localStorage["bizar.theme.mode"]` (NOT settings.json) |
+| `theme-accent` | `update('themeAccent')` | `settings.json.themeAccent` |
+| `theme-font` | `patch('themeFont')` | `settings.json.themeFont` |
+| `theme-radius` | `patch('themeRadius')` | `settings.json.themeRadius` |
+
+**Finding:** `theme-mode` is the only theme control that lives in localStorage,
+not `settings.json`. Acceptable because mode is a per-browser preference and
+the rest of the theme syncs across devices — but the split is non-obvious.
+ponytail: persist theme.mode via `/api/settings` when server-side sync is
+ever needed (multi-device or headless dashboard).
+
+### 3. Density (✅)
+| Row id | Mutates via | Persisted to |
+|---|---|---|
+| `density-mode` | `density.setDensity()` | localStorage (similar hybrid as theme — `useDensity` hook) |
+| `density-base-font` | `update('densityBaseFont')` | `settings.json.densityBaseFont` |
+
+### 4. Density rules (✅)
+| Row id | Mutates via | Persisted to |
+|---|---|---|
+| `tasks-compact` | `update('tasksCompact')` | `settings.json.tasksCompact` |
+| `memory-compact` | `update('memoryCompact')` | `settings.json.memoryCompact` |
+| `activity-compact` | `update('activityCompact')` | `settings.json.activityCompact` |
+
+### 5. Command palette (✅)
+| Row id | Mutates via | Persisted to |
+|---|---|---|
+| `palette-history` | `update('paletteHistory')` | `settings.json.paletteHistory` |
+| `palette-fuzzy` | `update('paletteFuzzy')` | `settings.json.paletteFuzzy` |
+| `palette-navigate` | `patch('paletteNavigate')` | `settings.json.paletteNavigate` |
+| `palette-spawn` | `patch('paletteSpawn')` | `settings.json.paletteSpawn` |
+| `palette-scope` | `update('paletteScope')` | `settings.json.paletteScope` |
+
+### 6. Keyboard (👁)
+All `kb-*` rows are read-only. SettingsView documents the binding in
+`~/.claude/keybindings.json`. Mutations live in the CLI/TUI flow,
+not the dashboard.
+
+### 7. Notifications (✅)
+| Row id | Mutates via | Persisted to |
+|---|---|---|
+| `n-agent-finished` | `update('notifyAgentFinished')` | `settings.json.notifyAgentFinished` |
+| `n-task-moved` | `patch('notifyTaskMoved')` | `settings.json.notifyTaskMoved` |
+| `n-ci-failed` | `update('notifyCiFailed')` | `settings.json.notifyCiFailed` |
+| `n-token-budget` | `update('notifyTokenBudget')` | `settings.json.notifyTokenBudget` |
+| `n-daily-digest` | `update('notifyDailyDigest')` | `settings.json.notifyDailyDigest` |
+| `n-channel` | `update('notifyChannel')` | `settings.json.notifyChannel` |
+
+### 8. Storage (⚠️)
+| Row id | Mutates via | Persisted to |
+|---|---|---|
+| `store-path` | `update('storagePath')` | `settings.json.storagePath` |
+| `cache-path` | `update('cachePath')` | `settings.json.cachePath` |
+| `sessions-path` | `update('sessionsPath')` | `settings.json.sessionsPath` |
+| `cache-size` | `update('cacheSizeMb')` | `settings.json.cacheSizeMb` |
+| `store-gc` | `POST /api/admin/gc` | runs server-side GC |
+| `store-clear` | `POST /api/admin/cache/clear` | wipes cache + activity log |
+
+**Finding:** the path fields write to settings.json but the server
+doesn't appear to *consume* them at runtime (the actual storage paths
+are constants in each store module). Persisted state vs effective state
+drift. ponytail: either (a) wire these to the store modules' root
+constants at boot, or (b) drop the rows and document that paths are
+env-configured only. Recommended: (a) — single source of truth.
+
+### 9. Plugins (👁)
+`plugins-count`, `plugins-bizar`, `plugins-list` all sourced from
+`useFetch('/api/agents')` and `useFetch('/api/skills?kind=skills')`.
+Read-only count + summary. Mutations to plugin registration live in
+the filesystem (`.claude/`), not the dashboard.
+
+### 10. MCP servers (👁)
+`mcps-count`, `mcps-list` from `useFetch('/api/skills?kind=mcps')`.
+Read-only summary; mutations live in `.claude/mcp.json`.
+
+### 11. Skills (👁)
+Sourced from `useFetch('/api/skills?kind=skills')`. Read-only count +
+breakdown by source. Mutations live in `bizar-dash/skills/<name>/`.
+
+### 12. Hooks (👁)
+Sourced from `useFetch('/api/skills?kind=hooks')`. Read-only summary;
+mutations live in `.claude/hooks/`.
+
+### 13. Activity (⚠️)
+| Row id | Mutates via | Persisted to |
+|---|---|---|
+| `activity-retention` | `update('activityRetentionDays')` | `settings.json.activityRetentionDays` |
+| `activity-hide` | `patch('activityHide')` (onBlur) | `settings.json.activityHide` |
+| `activity-export` | `GET /api/admin/activity/export` | downloads `activity.ndjson` |
+
+**Finding:** `activity-export` is a download endpoint, not a mutation
+button — correct behaviour. But the matching "Clear activity log"
+destructive button lives in Storage → `store-clear` rather than here,
+which is non-obvious. Acceptable but a discoverability gap.
+
+### 14. Memory (⚠️)
+| Row id | Mutates via | Persisted to |
+|---|---|---|
+| `memory-auto-commit` | `update('memoryAutoCommit')` | `settings.json.memoryAutoCommit` |
+| `memory-scope` | `update('memoryScopeDefault')` | `settings.json.memoryScopeDefault` |
+| `memory-index` | `POST /api/admin/memory/reindex` | rebuilds search index |
+
+**Finding:** Memory also has its own Settings page (MemoryView) with
+LightRAG URL, Obsidian vault path, git repo config — those live
+under a separate `~/.config/bizar/memory-config.json` and
+`/api/memory/config/global`. Two settings surfaces for one feature is
+non-obvious. ponytail: consolidate into the Settings → Memory section
+when the time comes.
+
+### 15. Task defaults (✅)
+| Row id | Mutates via | Persisted to |
+|---|---|---|
+| `task-priority` | `update('defaultTaskPriority')` | `settings.json.defaultTaskPriority` |
+| `task-column` | `update('defaultTaskColumn')` | `settings.json.defaultTaskColumn` |
+| `task-assignee` | `patch('defaultTaskAssignee')` (onBlur) | `settings.json.defaultTaskAssignee` |
+
+### 16. Agent defaults (✅)
+| Row id | Mutates via | Persisted to |
+|---|---|---|
+| `agent-model` | `update('defaultAgentModel')` | `settings.json.defaultAgentModel` |
+| `agent-mistakes` | `update('defaultAgentMaxMistakes')` | `settings.json.defaultAgentMaxMistakes` |
+| `agent-bg` | `patch('agentBackgroundDefault')` | `settings.json.agentBackgroundDefault` |
+| `agent-worktree` | `patch('agentWorktree')` | `settings.json.agentWorktree` |
+| `agent-system-prompt` | `patch('agentSystemPrompt')` (onBlur) | `settings.json.agentSystemPrompt` |
+
+### 17. Privacy (✅)
+| Row id | Mutates via | Persisted to |
+|---|---|---|
+| `privacy-analytics` | `update('analytics')` | `settings.json.analytics` |
+| `privacy-crash` | `update('crashReports')` | `settings.json.crashReports` |
+| `privacy-pii` | `update('piiMode')` | `settings.json.piiMode` |
+
+### 18. Advanced (✅)
+| Row id | Mutates via | Persisted to |
+|---|---|---|
+| `adv-reduced-motion` | `update('reducedMotion')` | `settings.json.reducedMotion` |
+| `adv-debug-overlay` | `update('debugOverlay')` | `settings.json.debugOverlay` |
+| `adv-reset` | `POST /api/settings/reset` | wipes back to `DEFAULT_SETTINGS` |
+
+## Rollup
+
+- 19 sections, 60 rows total.
+- **47 ✅** — fully mutate to settings.json + (where relevant) broadcast.
+- **6 👁** — read-only count/list rows (Plugins, MCPs, Skills, Hooks,
+  Keyboard). Mutations are filesystem-only.
+- **6 ⚠️** — split storage or discoverability gaps:
+  - Theme: mode in localStorage, rest in settings.json.
+  - Density: mode in localStorage, rest in settings.json.
+  - Storage: paths persist but aren't consumed at runtime.
+  - Activity: destructive "clear log" lives in Storage not Activity.
+  - Memory: split between Settings → Memory (this section) and the
+    separate MemoryView.
+
+## Audit verdict
+
+"Control and configure everything from the dashboard" holds for the
+**Settings page** specifically: every UI control that says "this changes
+a setting" actually persists it via `/api/settings` (with the two
+localStorage hybrids for browser-local prefs, which is a defensible
+split). The non-mutating rows are correctly marked as summary rows.
+
+Gaps that warrant follow-up work (not v10-blocking):
+
+1. **Storage paths persist but aren't consumed.** Either wire them in
+   or drop the rows.
+2. **Memory settings split across two pages.** Consolidate into Settings
+   → Memory.
+3. **Theme mode hybrid storage** is defensible but non-obvious. Worth
+   documenting in a tooltip.
+
+## Tests
+
+- `/api/settings` (GET/PUT/POST reset) is exercised by the dashboard
+  via `useFetch` + `patch()` (unit-tested implicitly via SettingsView
+  smoke tests, no dedicated route test yet). ponytail: add
+  `tests/server/settings-route.test.mjs` for the round-trip.
+- localStorage theme/density mutations are not directly testable
+  from the server; covered by component tests.
+
+## See also
+
+- `bizar-dash/src/web/v8/views/Settings/SettingsView.tsx`
+- `bizar-dash/src/server/routes/settings.mjs`
+- `bizar-dash/src/server/routes/_shared.mjs` (DEFAULT_SETTINGS)
+- `bizar-dash/src/web/v8/ui/theme/ThemeProvider.tsx`
+- `CONTROL_SURFACES.md` — the broader "what can you mutate from the
+  dashboard" map across all v8 views (companion doc).

package/bizar-dash/dist/assets/ActivityFeed-Da-JCrE6.js

@@ -0,0 +1,11 @@
+import{r as f,j as e}from"./cmdk-DVxytz9i.js";import{c as g,g as v}from"./main-CdOm1Pj9.js";import{T as j}from"./trending-up-CSJJhWTS.js";/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const b=g("Minus",[["path",{d:"M5 12h14",key:"1ays0h"}]]);/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const w=g("TrendingDown",[["polyline",{points:"22 17 13.5 8.5 8.5 13.5 2 7",key:"1r2t7k"}],["polyline",{points:"16 17 22 17 22 11",key:"11uiuu"}]]),S={up:"var(--success)",down:"var(--danger)",flat:"var(--fg-muted)"},T={up:j,down:w,flat:b},R=f.forwardRef(function(l,o){const{label:t,value:i,delta:n,trend:r,hint:a,icon:s,sparkline:d,loading:x,className:m,style:h,...y}=l,c=r!==void 0?T[r]:null;return e.jsxs("div",{ref:o,className:v("v8-stat-tile",m),style:{display:"flex",flexDirection:"column",gap:"var(--space-2)",padding:"var(--space-5)",background:"var(--surface-1)",border:"1px solid var(--border)",borderRadius:"var(--radius-lg)",...h},...y,children:[e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:"var(--space-2)"},children:[e.jsx("div",{style:{fontSize:"var(--fs-13)",color:"var(--fg-muted)",fontWeight:500},children:t}),s!==void 0&&e.jsx("span",{style:{color:"var(--fg-subtle)",display:"inline-flex"},children:s})]}),e.jsxs("div",{style:{display:"flex",alignItems:"baseline",gap:"var(--space-2)"},children:[e.jsx("div",{style:{fontSize:"var(--fs-24)",fontWeight:600,color:"var(--fg)",fontVariantNumeric:"tabular-nums",lineHeight:"var(--lh-tight)"},children:x===!0?"—":i}),(n!==void 0||c!==null)&&e.jsxs("div",{style:{display:"inline-flex",alignItems:"center",gap:2,fontSize:"var(--fs-12)",fontWeight:500,color:r!==void 0?S[r]:"var(--fg-muted)",fontVariantNumeric:"tabular-nums"},children:[c!==null&&e.jsx(c,{size:12,"aria-hidden":"true"}),n]})]}),a!==void 0&&e.jsx("div",{style:{fontSize:"var(--fs-12)",color:"var(--fg-subtle)"},children:a}),d!==void 0&&e.jsx("div",{style:{marginTop:"var(--space-1)"},children:d})]})}),z=f.forwardRef(function(l,o){const{children:t,cols:i,minWidth:n=200,className:r,style:a,...s}=l,d=i!==void 0?`repeat(${i}, minmax(0, 1fr))`:`repeat(auto-fit, minmax(${n}px, 1fr))`;return e.jsx("div",{ref:o,className:v("v8-stat-grid",r),style:{display:"grid",gridTemplateColumns:d,gap:"var(--space-3)",...a},...s,children:t})}),u={neutral:"var(--fg-subtle)",info:"var(--info)",success:"var(--success)",warning:"var(--warning)",danger:"var(--danger)"},W=f.forwardRef(function(l,o){const{items:t,empty:i,className:n,...r}=l;return t.length===0&&i!==void 0?e.jsx(e.Fragment,{children:i}):e.jsx("ol",{ref:o,className:v("v8-activity-feed",n),style:{listStyle:"none",margin:0,padding:0,display:"flex",flexDirection:"column",gap:"var(--space-2)"},...r,children:t.map(a=>{const s=a.tone??"neutral";return e.jsxs("li",{style:{display:"flex",alignItems:"flex-start",gap:"var(--space-3)",padding:"var(--space-3)",background:"var(--surface-0)",border:"1px solid var(--border)",borderRadius:"var(--radius)"},children:[e.jsx("span",{"aria-hidden":"true",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:24,height:24,borderRadius:"var(--radius-sm)",background:`color-mix(in oklch, ${u[s]} 14%, transparent)`,color:u[s],flexShrink:0},children:a.icon}),e.jsxs("div",{style:{flex:1,minWidth:0},children:[e.jsxs("div",{style:{display:"flex",alignItems:"baseline",justifyContent:"space-between",gap:"var(--space-2)"},children:[e.jsx("div",{style:{fontSize:"var(--fs-13)",fontWeight:500,color:"var(--fg)",minWidth:0},children:a.title}),a.meta!==void 0&&e.jsx("div",{style:{fontSize:"var(--fs-12)",color:"var(--fg-subtle)",flexShrink:0,fontVariantNumeric:"tabular-nums"},children:a.meta})]}),a.description!==void 0&&e.jsx("div",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)",marginTop:2,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:a.description})]})]},a.id)})})});export{W as A,b as M,z as S,R as a};

package/bizar-dash/dist/assets/ActivityFeed-Da-JCrE6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityFeed-Da-JCrE6.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/minus.js","../../../node_modules/lucide-react/dist/esm/icons/trending-down.js","../../src/web/v8/ui/data/StatTile.tsx","../../src/web/v8/ui/activity/ActivityFeed.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Minus = createLucideIcon(\"Minus\", [[\"path\", { d: \"M5 12h14\", key: \"1ays0h\" }]]);\n\nexport { Minus as default };\n//# sourceMappingURL=minus.js.map\n","/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst TrendingDown = createLucideIcon(\"TrendingDown\", [\n  [\"polyline\", { points: \"22 17 13.5 8.5 8.5 13.5 2 7\", key: \"1r2t7k\" }],\n  [\"polyline\", { points: \"16 17 22 17 22 11\", key: \"11uiuu\" }]\n]);\n\nexport { TrendingDown as default };\n//# sourceMappingURL=trending-down.js.map\n","import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { TrendingDown, TrendingUp, Minus } from 'lucide-react';\nimport { cx } from '../utils/cx.js';\n\n/**\n * StatTile — a single KPI tile for the overview.\n *\n * Pattern: `[label]   [trend-icon delta]`\n *          `[BIG value]`\n *          `[sparkline?]`\n *\n * Use cases: Overview dashboard, agent detail, goal detail.\n */\nexport type StatTrend = 'up' | 'down' | 'flat';\n\nexport interface StatTileProps extends HTMLAttributes<HTMLDivElement> {\n  label: ReactNode;\n  value: ReactNode;\n  /** Optional delta with trend direction (e.g. \"+12%\" vs last week). */\n  delta?: ReactNode;\n  trend?: StatTrend;\n  /** Optional helper text under the value. */\n  hint?: ReactNode;\n  /** Optional icon for the top-right corner. */\n  icon?: ReactNode;\n  /** Inline sparkline rendered beneath the value (use the Sparkline component). */\n  sparkline?: ReactNode;\n  /** Loading state — replaces value with skeleton. */\n  loading?: boolean;\n}\n\nconst TREND_FG: Record<StatTrend, string> = {\n  up: 'var(--success)',\n  down: 'var(--danger)',\n  flat: 'var(--fg-muted)',\n};\n\nconst TREND_ICON: Record<StatTrend, typeof TrendingUp> = {\n  up: TrendingUp,\n  down: TrendingDown,\n  flat: Minus,\n};\n\nexport const StatTile = forwardRef<HTMLDivElement, StatTileProps>(function StatTile(props, ref) {\n  const {\n    label,\n    value,\n    delta,\n    trend,\n    hint,\n    icon,\n    sparkline,\n    loading,\n    className,\n    style,\n    ...rest\n  } = props;\n  const TrendIcon = trend !== undefined ? TREND_ICON[trend] : null;\n  return (\n    <div\n      ref={ref}\n      className={cx('v8-stat-tile', className)}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 'var(--space-2)',\n        padding: 'var(--space-5)',\n        background: 'var(--surface-1)',\n        border: '1px solid var(--border)',\n        borderRadius: 'var(--radius-lg)',\n        ...style,\n      }}\n      {...rest}\n    >\n      <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 'var(--space-2)' }}>\n        <div style={{ fontSize: 'var(--fs-13)', color: 'var(--fg-muted)', fontWeight: 500 }}>\n          {label}\n        </div>\n        {icon !== undefined && (\n          <span style={{ color: 'var(--fg-subtle)', display: 'inline-flex' }}>{icon}</span>\n        )}\n      </div>\n      <div style={{ display: 'flex', alignItems: 'baseline', gap: 'var(--space-2)' }}>\n        <div\n          style={{\n            fontSize: 'var(--fs-24)',\n            fontWeight: 600,\n            color: 'var(--fg)',\n            fontVariantNumeric: 'tabular-nums',\n            lineHeight: 'var(--lh-tight)',\n          }}\n        >\n          {loading === true ? '—' : value}\n        </div>\n        {(delta !== undefined || TrendIcon !== null) && (\n          <div\n            style={{\n              display: 'inline-flex',\n              alignItems: 'center',\n              gap: 2,\n              fontSize: 'var(--fs-12)',\n              fontWeight: 500,\n              color: trend !== undefined ? TREND_FG[trend] : 'var(--fg-muted)',\n              fontVariantNumeric: 'tabular-nums',\n            }}\n          >\n            {TrendIcon !== null && <TrendIcon size={12} aria-hidden=\"true\" />}\n            {delta}\n          </div>\n        )}\n      </div>\n      {hint !== undefined && (\n        <div style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-subtle)' }}>{hint}</div>\n      )}\n      {sparkline !== undefined && <div style={{ marginTop: 'var(--space-1)' }}>{sparkline}</div>}\n    </div>\n  );\n});\n\n/**\n * StatGrid — responsive grid for StatTiles. Auto-fits 1..4 columns.\n */\nexport interface StatGridProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  /** Min tile width (default 200px). */\n  minWidth?: number;\n  cols?: 2 | 3 | 4;\n}\n\nexport const StatGrid = forwardRef<HTMLDivElement, StatGridProps>(function StatGrid(props, ref) {\n  const { children, cols, minWidth = 200, className, style, ...rest } = props;\n  const gridTemplate = cols !== undefined\n    ? `repeat(${cols}, minmax(0, 1fr))`\n    : `repeat(auto-fit, minmax(${minWidth}px, 1fr))`;\n  return (\n    <div\n      ref={ref}\n      className={cx('v8-stat-grid', className)}\n      style={{\n        display: 'grid',\n        gridTemplateColumns: gridTemplate,\n        gap: 'var(--space-3)',\n        ...style,\n      }}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});","import { forwardRef, type OlHTMLAttributes, type ReactNode } from 'react';\nimport { cx } from '../utils/cx.js';\n\n/**\n * ActivityFeed — vertical feed of recent events (the home/dashboard view).\n *\n * Each item: icon + title + optional description + meta (relative time).\n * Tone colors the leading icon chip (mirrors the tone vocabulary used in\n * the rest of the v8 library).\n *\n * Renders as `<ol>` so screen readers announce item count.\n */\n\nexport type ActivityTone = 'neutral' | 'info' | 'success' | 'warning' | 'danger';\n\nexport interface ActivityItem {\n  id: string;\n  icon?: ReactNode;\n  title: ReactNode;\n  description?: ReactNode;\n  meta?: ReactNode;\n  tone?: ActivityTone;\n}\n\nexport interface ActivityFeedProps extends OlHTMLAttributes<HTMLOListElement> {\n  items: readonly ActivityItem[];\n  /** Optional empty-state node when `items` is empty. */\n  empty?: ReactNode;\n}\n\nconst TONE_BG: Record<ActivityTone, string> = {\n  neutral: 'var(--fg-subtle)',\n  info: 'var(--info)',\n  success: 'var(--success)',\n  warning: 'var(--warning)',\n  danger: 'var(--danger)',\n};\n\nexport const ActivityFeed = forwardRef<HTMLOListElement, ActivityFeedProps>(function ActivityFeed(\n  props,\n  ref,\n) {\n  const { items, empty, className, ...rest } = props;\n  if (items.length === 0 && empty !== undefined) {\n    return <>{empty}</>;\n  }\n  return (\n    <ol\n      ref={ref}\n      className={cx('v8-activity-feed', className)}\n      style={{\n        listStyle: 'none',\n        margin: 0,\n        padding: 0,\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 'var(--space-2)',\n      }}\n      {...rest}\n    >\n      {items.map((item) => {\n        const tone = item.tone ?? 'neutral';\n        return (\n          <li\n            key={item.id}\n            style={{\n              display: 'flex',\n              alignItems: 'flex-start',\n              gap: 'var(--space-3)',\n              padding: 'var(--space-3)',\n              background: 'var(--surface-0)',\n              border: '1px solid var(--border)',\n              borderRadius: 'var(--radius)',\n            }}\n          >\n            <span\n              aria-hidden=\"true\"\n              style={{\n                display: 'inline-flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                width: 24,\n                height: 24,\n                borderRadius: 'var(--radius-sm)',\n                background: `color-mix(in oklch, ${TONE_BG[tone]} 14%, transparent)`,\n                color: TONE_BG[tone],\n                flexShrink: 0,\n              }}\n            >\n              {item.icon}\n            </span>\n            <div style={{ flex: 1, minWidth: 0 }}>\n              <div\n                style={{\n                  display: 'flex',\n                  alignItems: 'baseline',\n                  justifyContent: 'space-between',\n                  gap: 'var(--space-2)',\n                }}\n              >\n                <div style={{ fontSize: 'var(--fs-13)', fontWeight: 500, color: 'var(--fg)', minWidth: 0 }}>\n                  {item.title}\n                </div>\n                {item.meta !== undefined && (\n                  <div\n                    style={{\n                      fontSize: 'var(--fs-12)',\n                      color: 'var(--fg-subtle)',\n                      flexShrink: 0,\n                      fontVariantNumeric: 'tabular-nums',\n                    }}\n                  >\n                    {item.meta}\n                  </div>\n                )}\n              </div>\n              {item.description !== undefined && (\n                <div\n                  style={{\n                    fontSize: 'var(--fs-12)',\n                    color: 'var(--fg-muted)',\n                    marginTop: 2,\n                    whiteSpace: 'nowrap',\n                    overflow: 'hidden',\n                    textOverflow: 'ellipsis',\n                  }}\n                >\n                  {item.description}\n                </div>\n              )}\n            </div>\n          </li>\n        );\n      })}\n    </ol>\n  );\n});"],"names":["Minus","createLucideIcon","TrendingDown","TREND_FG","TREND_ICON","TrendingUp","StatTile","forwardRef","props","ref","label","value","delta","trend","hint","icon","sparkline","loading","className","style","rest","TrendIcon","jsxs","cx","jsx","StatGrid","children","cols","minWidth","gridTemplate","TONE_BG","ActivityFeed","items","empty","item","tone"],"mappings":"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","x_google_ignoreList":[0,1]}

package/bizar-dash/dist/assets/ActivityView-nIRsSETb.js

@@ -0,0 +1,2 @@
+import{j as t,r as d}from"./cmdk-DVxytz9i.js";import{I as h,S as m,g as it,u as ot,a as lt,j as Q,d as U,A as O,k as Z,T as N,b as tt,L as V,h as ct,B as dt,W as ut,i as gt,F as ft}from"./main-CdOm1Pj9.js";import{V as pt}from"./ViewHeader-BqIPVKuG.js";import{L as ht}from"./ListHeader-BGjm11Z0.js";import{S as vt}from"./Sparkline-CYtAn82j.js";import{C as D,b as F}from"./Card-Tyboihu7.js";import{E as mt}from"./ErrorState-DwwJ2-Jq.js";import{S as K}from"./Switch-BItGrPqr.js";import{S as yt}from"./Slider-DXbJuQ7y.js";import{C as xt}from"./circle-CqSxqqeJ.js";import{F as jt}from"./filter-D9B8s5CG.js";import{G as et,a as bt}from"./git-pull-request-ByH0YuVz.js";import{C as kt}from"./clock-OuficfgH.js";import{T as I}from"./triangle-alert-BPLb7uLt.js";import{C as St}from"./circle-check-rVKMQmZp.js";import"./Alert-DN0UysMg.js";import"./circle-alert-BsLl001l.js";import"./refresh-ccw-CHMprsm5.js";import"./index-CASP1n-5.js";import"./index-C4Vq_2LM.js";const _={neutral:"var(--fg-muted)",info:"var(--info)",success:"var(--success)",warning:"var(--warning)",danger:"var(--danger)"};function wt(r){const a=new Date(r);return Number.isNaN(a.getTime())?"—":a.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}function Ct(r){const a=Date.now()-r;return a<6e4?"just now":a<36e5?`${Math.floor(a/6e4)}m ago`:a<864e5?`${Math.floor(a/36e5)}h ago`:`${Math.floor(a/864e5)}d ago`}function $t(r){const{laneId:a,label:o,icon:l,events:u,loading:g=!1,onEventClick:f,collapsible:j=!1,trailing:M,width:b="320px",className:T}=r,z={width:b,minWidth:b,maxWidth:b,background:"var(--surface-1)",border:"1px solid var(--border)",borderRadius:"var(--radius-md)",display:"flex",flexDirection:"column",overflow:"hidden"},L={padding:"var(--space-2) var(--space-3)",borderBottom:"1px solid var(--border)",background:"color-mix(in oklch, var(--surface-0) 70%, transparent)",backdropFilter:"blur(6px)"};return t.jsxs("section",{"aria-label":`${o} activity`,"data-lane-id":a,"data-testid":`activity-lane-${a}`,className:it("v8-activity-lane",T),style:z,children:[t.jsx("header",{style:L,children:t.jsxs(h,{align:"center",justify:"between",gap:2,wrap:!0,children:[t.jsxs(h,{align:"center",gap:2,children:[l&&t.jsx(l,{size:14,"aria-hidden":!0,style:{color:"var(--accent)"}}),t.jsx("strong",{style:{fontSize:"var(--fs-13)",color:"var(--fg)"},children:o})]}),t.jsxs(h,{align:"center",gap:1,children:[M,t.jsx("span",{"aria-label":`${u.length} events`,style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)",fontVariantNumeric:"tabular-nums"},children:u.length})]})]})}),t.jsx(m,{role:"list","aria-label":`${o} events`,gap:1,style:{padding:"var(--space-2)",overflow:"auto",flex:1,minHeight:0},"data-testid":`activity-lane-list-${a}`,children:g&&u.length===0?t.jsx(zt,{}):u.length===0?t.jsx("span",{style:{color:"var(--fg-muted)",fontSize:"var(--fs-12)",padding:"var(--space-2)"},children:j?"":"No events yet."}):u.map(s=>{const R=s.tone??"neutral",S=s.icon,w=typeof f=="function",y={display:"grid",gridTemplateColumns:"auto 1fr auto",alignItems:"flex-start",gap:"var(--space-2)",padding:"6px 8px",borderRadius:"var(--radius-sm)",border:"1px solid transparent",background:w?"var(--surface-0)":"transparent",cursor:w?"pointer":"default",transition:"border-color 120ms ease, background 120ms ease",textAlign:"left"},C=t.jsxs(t.Fragment,{children:[t.jsx("span",{"aria-hidden":!0,style:{width:22,height:22,display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:"var(--radius-pill)",background:`color-mix(in oklch, ${_[R]} 18%, transparent)`,color:_[R],flexShrink:0},children:S?t.jsx(S,{size:12,"aria-hidden":!0}):null}),t.jsxs(m,{gap:0,style:{minWidth:0},children:[t.jsx("span",{title:s.title,style:{fontSize:"var(--fs-12)",fontWeight:500,color:"var(--fg)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:s.title}),s.description&&t.jsx("span",{title:s.description,style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:s.description})]}),t.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)",fontVariantNumeric:"tabular-nums",flexShrink:0,textAlign:"right"},title:new Date(s.ts).toISOString(),children:wt(s.ts)})]});return w?t.jsx("button",{type:"button",role:"listitem","data-activity-event-id":s.id,"data-activity-kind":s.kind??"","data-activity-slug":s.slug??"","data-activity-href":s.href??"","data-testid":`activity-event-${s.id}`,onClick:()=>f==null?void 0:f(s),onKeyDown:k=>{(k.key==="Enter"||k.key===" ")&&(k.preventDefault(),f==null||f(s))},style:y,"aria-label":`Open ${s.title}`,children:C},s.id):t.jsx("div",{role:"listitem","data-activity-event-id":s.id,"data-activity-kind":s.kind??"","data-activity-slug":s.slug??"",style:y,children:C},s.id)})}),!g&&u.length>0&&t.jsxs("footer",{style:{padding:"4px var(--space-3)",borderTop:"1px solid var(--border)",fontSize:"var(--fs-12)",color:"var(--fg-muted)",display:"flex",justifyContent:"space-between"},children:[t.jsxs("span",{children:["latest ",Ct(u[0].ts)]}),t.jsx("span",{children:u.length===1?"1 event":`${u.length} events`})]})]})}function zt(){return t.jsx(m,{gap:1,children:[0,1,2].map(r=>t.jsx("div",{"aria-hidden":!0,style:{height:36,borderRadius:"var(--radius-sm)",background:"color-mix(in oklch, var(--fg-muted) 8%, transparent)"}},r))})}function Lt(r){const{children:a,gap:o=12,minHeight:l=480,fade:u=!0,className:g,style:f}=r,j={display:"flex",flexDirection:"row",gap:o,overflowX:"auto",overflowY:"hidden",padding:"var(--space-1) var(--space-1) var(--space-2)",minHeight:l,WebkitOverflowScrolling:"touch",scrollSnapType:"x proximity",maskImage:u?"linear-gradient(to right, transparent 0, black 24px, black calc(100% - 24px), transparent 100%)":void 0,...f};return t.jsx(m,{role:"region","aria-label":"Activity lanes","data-testid":"activity-lanes",className:g,style:j,children:a})}function Rt(){return d.useCallback(r=>{typeof window>"u"||window.dispatchEvent(new CustomEvent("bizar:navigate",{detail:r}))},[])}function J(r,a){const o=(r||"").toLowerCase(),l=a||"";return o.startsWith("task")?{id:"tasks",entity:l}:o.startsWith("goal")?{id:"goals",entity:l}:o.startsWith("agent")?{id:"agents",entity:l}:o==="artifact.new"||o.startsWith("artifact")?{id:"artifacts",entity:l}:o.startsWith("git")?{id:"git",entity:l}:null}const q={task:{label:"Tasks",icon:V,tone:"neutral"},agent:{label:"Agents",icon:tt,tone:"info"},goal:{label:"Goals",icon:N,tone:"accent"},settings:{label:"Settings",icon:Z,tone:"neutral"},system:{label:"System",icon:Q,tone:"warning"},git:{label:"Git",icon:et,tone:"neutral"}},Y={"git.merge":{icon:et,tone:"success",source:"git"},"git.pull-request":{icon:bt,tone:"info",source:"git"},"task.completed":{icon:St,tone:"success",source:"task"},"task.failed":{icon:I,tone:"danger",source:"task"},"task.created":{icon:V,tone:"info",source:"task"},"task.moved":{icon:V,tone:"neutral",source:"task"},"agent.run":{icon:tt,tone:"info",source:"agent"},"agent.tool":{icon:ut,tone:"neutral",source:"agent"},"agent.killed":{icon:I,tone:"warning",source:"agent"},"agent.message":{icon:O,tone:"info",source:"agent"},"goal.created":{icon:N,tone:"info",source:"goal"},"goal.status":{icon:N,tone:"info",source:"goal"},"goal.decomposed":{icon:N,tone:"success",source:"goal"},"settings.changed":{icon:Z,tone:"neutral",source:"settings"},"system.error":{icon:I,tone:"danger",source:"system"},"system.note":{icon:O,tone:"neutral",source:"system"}};function B(r){const a=(r.kind||r.iconKey||"").toLowerCase();return a.startsWith("task")?"task":a.startsWith("agent")?"agent":a.startsWith("goal")?"goal":a.startsWith("settings")?"settings":a.startsWith("git")?"git":a.startsWith("system")?"system":r.title&&/goal/i.test(r.title)?"goal":r.title&&/(agent|claude|cc)/i.test(r.title)?"agent":"system"}function Wt(r){const a=Y[r.kind||r.iconKey||""]||Y["system.note"],o=B(r);return{icon:a.icon,tone:a.tone,source:o}}function Et(r){return r.agent||r.actor||r.slug||"system"}function Nt(r){return r==="system"?"System":r}function Zt(){const r=ot("/api/activity?limit=200"),[a,o]=d.useState([]),[l,u]=d.useState("all"),[g,f]=d.useState(!0),[j,M]=d.useState(!1),[b,T]=d.useState(14),[z,L]=d.useState(null),[s,R]=d.useState(""),S=Rt(),w=d.useCallback(e=>{if(!g)return;const i=e.event;i&&o(n=>[i,...n].slice(0,500))},[g]);lt("activity:new",w);const y=d.useMemo(()=>{var e;return[...a,...((e=r.data)==null?void 0:e.items)||[]]},[a,r.data]),C=d.useMemo(()=>{let e=l==="all"?y:y.filter(i=>B(i)===l);if(s.trim()){const i=s.trim().toLowerCase();e=e.filter(n=>[n.title||"",n.description||"",n.kind||"",n.agent||"",n.actor||""].join(" ").toLowerCase().includes(i))}return e},[y,l,s]),k=Date.now()-b*864e5,x=d.useMemo(()=>C.filter(e=>(e.ts||0)>=k||e.ts===void 0),[C,k]),$=d.useMemo(()=>{const e={all:0,task:0,agent:0,goal:0,settings:0,system:0,git:0};for(const i of y){const n=B(i);e.all+=1,e[n]+=1}return e},[y]),H=d.useMemo(()=>{const e=new Map;for(const i of x){if(!i.ts)continue;const n=new Date(i.ts),c=`${n.getFullYear()}-${String(n.getMonth()+1).padStart(2,"0")}-${String(n.getDate()).padStart(2,"0")}T${String(n.getHours()).padStart(2,"0")}`;e.set(c,(e.get(c)??0)+1)}return[...e.entries()].sort(([i],[n])=>i<n?-1:1).map(([,i])=>i).slice(-24)},[x]),W=d.useMemo(()=>{const e=new Map,i=[];for(const n of x){const c=Wt(n),p=n.ts||Date.now(),v=Et(n),A=n.id||`${v}-${p}-${Math.random().toString(36).slice(2,6)}`;e.has(v)||(e.set(v,[]),i.push(v));const E=J(n.kind,n.slug);e.get(v).push({id:A,title:n.title||n.description||n.kind||"event",description:n.description&&n.description!==n.title?n.description:void 0,ts:p,tone:c.tone,icon:c.icon,href:void 0,kind:n.kind,agent:n.agent,actor:n.actor,slug:n.slug,raw:n})}for(const n of e.values())n.sort((c,p)=>p.ts-c.ts);return i.map(n=>{var E;const c=e.get(n),p=((E=c[0])==null?void 0:E.icon)||Q,v={danger:4,warning:3,success:2,info:1,neutral:0},A=c.reduce((G,P)=>{const at=v[P.tone??"neutral"],st=v[G??"neutral"];return at>st?P.tone??"neutral":G},"neutral");return{key:n,label:Nt(n),events:c,icon:p,tone:A}}).sort((n,c)=>c.events.length-n.events.length)},[x]),nt=d.useCallback(e=>{const i=J(e.kind,e.slug);if(i){S(i);return}},[S]),rt=async()=>{L(null);try{const i=((await gt("/api/activity?limit=10000")).items||[]).map(v=>JSON.stringify(v)).join(`
+`),n=new Blob([i],{type:"application/x-ndjson"}),c=URL.createObjectURL(n),p=document.createElement("a");p.href=c,p.download=`bizar-activity-${new Date().toISOString().slice(0,10)}.ndjson`,document.body.appendChild(p),p.click(),p.remove(),URL.revokeObjectURL(c)}catch(e){L((e instanceof ft,e.message))}};return t.jsxs(m,{gap:5,"data-testid":"activity-view",children:[t.jsx(pt,{title:"Activity",description:"Live event lanes grouped by agent, system, and goal.",actions:t.jsxs(h,{align:"center",gap:2,children:[t.jsx("input",{type:"search",placeholder:"Search…",value:s,onChange:e=>R(e.target.value),"aria-label":"Search activity",style:{height:28,padding:"0 var(--space-2)",border:"1px solid var(--border)",borderRadius:"var(--radius-sm)",background:"var(--surface-0)",color:"var(--fg)",fontFamily:"var(--font-sans)",fontSize:"var(--fs-12)",width:200,outline:"none"}}),t.jsxs(h,{align:"center",gap:1,children:[t.jsx(xt,{size:8,"aria-hidden":!0,style:{color:g?"var(--success)":"var(--fg-muted)"},fill:"currentColor"}),t.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:g?"Live":"Paused"}),t.jsx(U,{variant:"ghost",onClick:()=>f(e=>!e),"aria-label":g?"Pause stream":"Resume stream",children:g?"Pause":"Resume"})]}),t.jsxs(U,{variant:"secondary",onClick:()=>{rt()},children:[t.jsx(jt,{size:12,"aria-hidden":!0})," Export NDJSON"]})]})}),t.jsx(ht,{title:"Lanes",count:x.length,sparkline:H.length>=2?t.jsx(vt,{data:H,width:120,height:28}):void 0,description:`${W.length} lane${W.length===1?"":"s"} · ${$.task} task · ${$.agent} agent · ${$.goal} goal`,testid:"activity-list-header"}),z!==null&&t.jsx("div",{role:"alert",style:{padding:"var(--space-3)",background:"color-mix(in oklch, var(--danger) 12%, var(--surface-0))",border:"1px solid var(--danger)",borderRadius:"var(--radius-md)",fontSize:"var(--fs-12)"},children:z}),t.jsxs(h,{align:"center",gap:2,wrap:!0,children:[t.jsx(X,{label:`All (${$.all})`,active:l==="all",onClick:()=>u("all"),icon:t.jsx(O,{size:12,"aria-hidden":!0})}),Object.keys(q).map(e=>{const i=q[e],n=i.icon;return t.jsx(X,{label:`${i.label} (${$[e]})`,active:l===e,onClick:()=>u(e),icon:t.jsx(n,{size:12,"aria-hidden":!0})},e)})]}),t.jsx(D,{children:t.jsx(F,{children:t.jsxs(h,{align:"center",gap:6,wrap:!0,children:[t.jsxs(m,{gap:1,children:[t.jsx("label",{htmlFor:"cl-auto",style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Live tail"}),t.jsxs(h,{align:"center",gap:2,children:[t.jsx(K,{id:"cl-auto",checked:g,onCheckedChange:f}),t.jsx("span",{style:{fontSize:"var(--fs-12)",color:g?"var(--success)":"var(--fg-muted)"},children:g?"on":"paused"})]})]}),t.jsxs(m,{gap:1,children:[t.jsx("label",{htmlFor:"cl-compact",style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Compact rows"}),t.jsxs(h,{align:"center",gap:2,children:[t.jsx(K,{id:"cl-compact",checked:j,onCheckedChange:M}),t.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:j?"compact":"comfortable"})]})]}),t.jsxs(m,{gap:1,children:[t.jsx("label",{htmlFor:"cl-days",style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"Look back"}),t.jsxs(h,{align:"center",gap:2,children:[t.jsx(yt,{id:"cl-days",value:[b],onValueChange:e=>T(e[0]??14),min:1,max:90,step:1}),t.jsxs("code",{style:{fontFamily:"var(--font-mono)",fontSize:"var(--fs-12)"},children:[b,"d"]})]})]}),t.jsxs(h,{align:"center",gap:1,children:[t.jsx(kt,{size:12,"aria-hidden":!0,style:{color:"var(--fg-muted)"}}),t.jsx("span",{style:{fontSize:"var(--fs-12)",color:"var(--fg-muted)"},children:"click any event row to jump to its source"})]})]})})}),!r.loading&&x.length===0&&t.jsx(D,{children:t.jsx(F,{children:t.jsxs(m,{gap:1,children:[t.jsx("strong",{children:"No activity matching filters."}),t.jsx("span",{style:{color:"var(--fg-muted)",fontSize:"var(--fs-13)"},children:"Clear the source filter or extend the look-back window."})]})})}),r.loading&&x.length===0?t.jsx(ct,{style:{height:480}}):r.error&&x.length===0?t.jsx(mt,{block:!0,title:"Couldn't load activity",description:"The activity feed failed to fetch. Retry to refetch.",error:r.error,onRetry:()=>void r.refetch(),testid:"activity-error"}):W.length===0?t.jsx(D,{children:t.jsx(F,{children:t.jsx("span",{style:{color:"var(--fg-muted)"},children:"No lanes yet — events will appear here as agents run."})})}):t.jsx(Lt,{minHeight:j?320:480,children:W.map(e=>t.jsx($t,{laneId:e.key,label:e.label,icon:e.icon,events:e.events,loading:r.loading&&e.events.length===0,onEventClick:nt,trailing:t.jsx(dt,{tone:e.tone==="danger"?"danger":e.tone==="warning"?"warning":e.tone==="success"?"success":e.tone==="info"?"info":"neutral",children:e.tone})},e.key))})]})}function X({label:r,active:a,onClick:o,icon:l}){return t.jsxs("button",{type:"button",onClick:o,"aria-pressed":a,style:{display:"inline-flex",alignItems:"center",gap:6,padding:"4px 10px",borderRadius:"var(--radius-pill)",border:`1px solid ${a?"var(--accent)":"var(--border)"}`,background:a?"color-mix(in oklch, var(--accent) 14%, var(--surface-1))":"var(--surface-1)",color:a?"var(--accent)":"var(--fg)",fontSize:"var(--fs-12)",cursor:"pointer",fontWeight:a?600:500},children:[l,r]})}export{Zt as ActivityView};

package/bizar-dash/dist/assets/ActivityView-nIRsSETb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityView-nIRsSETb.js","sources":["../../src/web/v8/ui/activity/ActivityLane.tsx","../../src/web/v8/ui/activity/ActivityLanes.tsx","../../src/web/v8/data/useViewNavigate.ts","../../src/web/v8/views/Activity/ActivityView.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { Stack } from '../primitives/Stack.js';\nimport { Inline } from '../primitives/Inline.js';\nimport { cx } from '../utils/cx.js';\nimport type { LucideIcon } from 'lucide-react';\n\n/**\n * ActivityLane — vertical swimlane of activity events keyed to a single\n * actor (agent / system / user). Layout: sticky header + scrollable list.\n *\n * Used by `ActivityView` (inspired by patoles/agent-flow) to render one\n * column per actor. Width is fixed by the parent (default 320px) so lanes\n * read as discrete swimlanes.\n *\n * Visual conventions:\n *   - First 3 events keep `tone` icon + chip; overflow collapses into a\n *     inline `<details>` so the lane doesn't dominate the viewport.\n *   - Header tone chip uses `tone` for at-a-glance activity health.\n *\n * Event rows are fully clickable when `onEventClick` is set; the parent\n * owns the routing logic.\n */\nexport interface ActivityLaneEvent {\n  id: string;\n  title: string;\n  description?: string;\n  ts: number;\n  tone?: 'info' | 'success' | 'warning' | 'danger' | 'neutral';\n  icon?: LucideIcon;\n  href?: string;\n  kind?: string;\n  agent?: string;\n  actor?: string;\n  slug?: string;\n  raw?: unknown;\n}\n\nexport interface ActivityLaneProps {\n  /** Stable id for this lane — used as React key + DOM data-lane. */\n  laneId: string;\n  /** Display label (agent name, \"system\", etc). */\n  label: string;\n  /** Optional icon rendered next to the label in the header. */\n  icon?: LucideIcon;\n  /** Events belonging to this lane (newest first). */\n  events: readonly ActivityLaneEvent[];\n  /** When true the lane shows a skeleton in place of events. */\n  loading?: boolean;\n  /** Click-through handler; row becomes a real button when set. */\n  onEventClick?: (event: ActivityLaneEvent) => void;\n  /** Hide lanes whose events array is empty. */\n  collapsible?: boolean;\n  /** Optional right-side header content (count chip, tone, status). */\n  trailing?: ReactNode;\n  /** Lane width in CSS units (default `'320px'`). */\n  width?: string | number;\n  className?: string;\n}\n\nconst TONE_VAR: Record<NonNullable<ActivityLaneEvent['tone']>, string> = {\n  neutral: 'var(--fg-muted)',\n  info: 'var(--info)',\n  success: 'var(--success)',\n  warning: 'var(--warning)',\n  danger: 'var(--danger)',\n};\n\nfunction timeShort(ts: number): string {\n  const d = new Date(ts);\n  if (Number.isNaN(d.getTime())) return '—';\n  return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\n}\n\nfunction relTime(ts: number): string {\n  const diff = Date.now() - ts;\n  if (diff < 60_000) return 'just now';\n  if (diff < 3_600_000) return `${Math.floor(diff / 60_000)}m ago`;\n  if (diff < 86_400_000) return `${Math.floor(diff / 3_600_000)}h ago`;\n  return `${Math.floor(diff / 86_400_000)}d ago`;\n}\n\nexport function ActivityLane(props: ActivityLaneProps): JSX.Element {\n  const {\n    laneId,\n    label,\n    icon: Icon,\n    events,\n    loading = false,\n    onEventClick,\n    collapsible = false,\n    trailing,\n    width = '320px',\n    className,\n  } = props;\n\n  const style: CSSProperties = {\n    width,\n    minWidth: width,\n    maxWidth: width,\n    background: 'var(--surface-1)',\n    border: '1px solid var(--border)',\n    borderRadius: 'var(--radius-md)',\n    display: 'flex',\n    flexDirection: 'column',\n    overflow: 'hidden',\n  };\n\n  const headerStyle: CSSProperties = {\n    padding: 'var(--space-2) var(--space-3)',\n    borderBottom: '1px solid var(--border)',\n    background: 'color-mix(in oklch, var(--surface-0) 70%, transparent)',\n    backdropFilter: 'blur(6px)',\n  };\n\n  return (\n    <section\n      aria-label={`${label} activity`}\n      data-lane-id={laneId}\n      data-testid={`activity-lane-${laneId}`}\n      className={cx('v8-activity-lane', className)}\n      style={style}\n    >\n      <header style={headerStyle}>\n        <Inline align=\"center\" justify=\"between\" gap={2} wrap>\n          <Inline align=\"center\" gap={2}>\n            {Icon && <Icon size={14} aria-hidden style={{ color: 'var(--accent)' }} />}\n            <strong style={{ fontSize: 'var(--fs-13)', color: 'var(--fg)' }}>{label}</strong>\n          </Inline>\n          <Inline align=\"center\" gap={1}>\n            {trailing}\n            <span\n              aria-label={`${events.length} events`}\n              style={{\n                fontSize: 'var(--fs-12)',\n                color: 'var(--fg-muted)',\n                fontVariantNumeric: 'tabular-nums',\n              }}\n            >\n              {events.length}\n            </span>\n          </Inline>\n        </Inline>\n      </header>\n\n      <Stack\n        role=\"list\"\n        aria-label={`${label} events`}\n        gap={1}\n        style={{\n          padding: 'var(--space-2)',\n          overflow: 'auto',\n          flex: 1,\n          minHeight: 0,\n        }}\n        data-testid={`activity-lane-list-${laneId}`}\n      >\n        {loading && events.length === 0 ? (\n          <LaneSkeleton />\n        ) : events.length === 0 ? (\n          <span style={{ color: 'var(--fg-muted)', fontSize: 'var(--fs-12)', padding: 'var(--space-2)' }}>\n            {collapsible ? '' : 'No events yet.'}\n          </span>\n        ) : (\n          events.map((e) => {\n            const tone = e.tone ?? 'neutral';\n            const EventIcon = e.icon;\n            const interactive = typeof onEventClick === 'function';\n            const rowStyle: CSSProperties = {\n              display: 'grid',\n              gridTemplateColumns: 'auto 1fr auto',\n              alignItems: 'flex-start',\n              gap: 'var(--space-2)',\n              padding: '6px 8px',\n              borderRadius: 'var(--radius-sm)',\n              border: '1px solid transparent',\n              background: interactive ? 'var(--surface-0)' : 'transparent',\n              cursor: interactive ? 'pointer' : 'default',\n              transition: 'border-color 120ms ease, background 120ms ease',\n              textAlign: 'left',\n            };\n            const inner = (\n              <>\n                <span\n                  aria-hidden\n                  style={{\n                    width: 22,\n                    height: 22,\n                    display: 'inline-flex',\n                    alignItems: 'center',\n                    justifyContent: 'center',\n                    borderRadius: 'var(--radius-pill)',\n                    background: `color-mix(in oklch, ${TONE_VAR[tone]} 18%, transparent)`,\n                    color: TONE_VAR[tone],\n                    flexShrink: 0,\n                  }}\n                >\n                  {EventIcon ? <EventIcon size={12} aria-hidden /> : null}\n                </span>\n                <Stack gap={0} style={{ minWidth: 0 }}>\n                  <span\n                    title={e.title}\n                    style={{\n                      fontSize: 'var(--fs-12)',\n                      fontWeight: 500,\n                      color: 'var(--fg)',\n                      overflow: 'hidden',\n                      textOverflow: 'ellipsis',\n                      whiteSpace: 'nowrap',\n                    }}\n                  >\n                    {e.title}\n                  </span>\n                  {e.description && (\n                    <span\n                      title={e.description}\n                      style={{\n                        fontSize: 'var(--fs-12)',\n                        color: 'var(--fg-muted)',\n                        overflow: 'hidden',\n                        textOverflow: 'ellipsis',\n                        whiteSpace: 'nowrap',\n                      }}\n                    >\n                      {e.description}\n                    </span>\n                  )}\n                </Stack>\n                <span\n                  style={{\n                    fontSize: 'var(--fs-12)',\n                    color: 'var(--fg-muted)',\n                    fontVariantNumeric: 'tabular-nums',\n                    flexShrink: 0,\n                    textAlign: 'right',\n                  }}\n                  title={new Date(e.ts).toISOString()}\n                >\n                  {timeShort(e.ts)}\n                </span>\n              </>\n            );\n            return interactive ? (\n              <button\n                type=\"button\"\n                key={e.id}\n                role=\"listitem\"\n                data-activity-event-id={e.id}\n                data-activity-kind={e.kind ?? ''}\n                data-activity-slug={e.slug ?? ''}\n                data-activity-href={e.href ?? ''}\n                data-testid={`activity-event-${e.id}`}\n                onClick={() => onEventClick?.(e)}\n                onKeyDown={(ev) => {\n                  if (ev.key === 'Enter' || ev.key === ' ') {\n                    ev.preventDefault();\n                    onEventClick?.(e);\n                  }\n                }}\n                style={rowStyle}\n                aria-label={`Open ${e.title}`}\n              >\n                {inner}\n              </button>\n            ) : (\n              <div\n                key={e.id}\n                role=\"listitem\"\n                data-activity-event-id={e.id}\n                data-activity-kind={e.kind ?? ''}\n                data-activity-slug={e.slug ?? ''}\n                style={rowStyle}\n              >\n                {inner}\n              </div>\n            );\n          })\n        )}\n      </Stack>\n\n      {!loading && events.length > 0 && (\n        <footer\n          style={{\n            padding: '4px var(--space-3)',\n            borderTop: '1px solid var(--border)',\n            fontSize: 'var(--fs-12)',\n            color: 'var(--fg-muted)',\n            display: 'flex',\n            justifyContent: 'space-between',\n          }}\n        >\n          <span>latest {relTime(events[0].ts)}</span>\n          <span>{events.length === 1 ? '1 event' : `${events.length} events`}</span>\n        </footer>\n      )}\n    </section>\n  );\n}\n\nfunction LaneSkeleton(): JSX.Element {\n  return (\n    <Stack gap={1}>\n      {[0, 1, 2].map((i) => (\n        <div\n          key={i}\n          aria-hidden\n          style={{\n            height: 36,\n            borderRadius: 'var(--radius-sm)',\n            background: 'color-mix(in oklch, var(--fg-muted) 8%, transparent)',\n          }}\n        />\n      ))}\n    </Stack>\n  );\n}\n","import type { CSSProperties, ReactNode } from 'react';\nimport { Stack } from '../primitives/Stack.js';\n\n/**\n * ActivityLanes — horizontal scroller holding a row of `ActivityLane`s.\n *\n * Each lane owns its own width (default 320px). The container scrolls\n * horizontally on overflow. A right-edge fade hint can be enabled via\n * `fade` when lanes are clipped on smaller viewports.\n */\nexport interface ActivityLanesProps {\n  children: ReactNode;\n  /** Gap between lanes in px (default 12). */\n  gap?: number;\n  /** Minimum height for the row; lanes fill the available height. */\n  minHeight?: string | number;\n  /** When true the rightmost lane fades into a scroll hint. */\n  fade?: boolean;\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport function ActivityLanes(props: ActivityLanesProps): JSX.Element {\n  const { children, gap = 12, minHeight = 480, fade = true, className, style } = props;\n  const containerStyle: CSSProperties = {\n    display: 'flex',\n    flexDirection: 'row',\n    gap,\n    overflowX: 'auto',\n    overflowY: 'hidden',\n    padding: 'var(--space-1) var(--space-1) var(--space-2)',\n    minHeight,\n    WebkitOverflowScrolling: 'touch',\n    scrollSnapType: 'x proximity',\n    maskImage: fade\n      ? 'linear-gradient(to right, transparent 0, black 24px, black calc(100% - 24px), transparent 100%)'\n      : undefined,\n    ...style,\n  };\n  return (\n    <Stack\n      role=\"region\"\n      aria-label=\"Activity lanes\"\n      data-testid=\"activity-lanes\"\n      className={className}\n      style={containerStyle}\n    >\n      {children}\n    </Stack>\n  );\n}\n","import { useCallback } from 'react';\n\n/**\n * useViewNavigate — fire-and-forget view router navigation.\n *\n * The v8 dashboard owns `activeId` state inside `App.tsx`. Components deep\n * in the tree (e.g. `ActivityLane` rows inside `ActivityView`) need to\n * switch the active view without prop-drilling. This hook dispatches a\n * `bizar:navigate` `CustomEvent` on `window` that `App.tsx` listens for\n * and forwards to its `setActiveId` setter.\n *\n * Event shape:\n *   { id: string; detail?: { entity?: string; slug?: string } }\n *\n * The receiving view may read `entity`/`slug` from `useLocation().hash` or\n * its own props — the event itself is intentionally minimal.\n */\n\ndeclare global {\n  interface WindowEventMap {\n    'bizar:navigate': CustomEvent<{ id: string; entity?: string; slug?: string }>;\n  }\n}\n\nexport interface ViewNavigateDetail {\n  id: string;\n  entity?: string;\n  slug?: string;\n}\n\nexport function useViewNavigate(): (detail: ViewNavigateDetail) => void {\n  return useCallback((detail: ViewNavigateDetail) => {\n    if (typeof window === 'undefined') return;\n    window.dispatchEvent(new CustomEvent('bizar:navigate', { detail }));\n  }, []);\n}\n\n/**\n * Map an `ActivityEvent` (kind + slug) to a target view id + entity scope.\n *\n * Returns `null` when no specific target is known — the caller should\n * still dispatch the event so the user lands somewhere useful, but\n * `null` means \"no specific deep-link scope\".\n */\nexport function activityTarget(kind: string | undefined, slug: string | undefined): ViewNavigateDetail | null {\n  const k = (kind || '').toLowerCase();\n  const s = slug || '';\n  if (k.startsWith('task')) return { id: 'tasks', entity: s };\n  if (k.startsWith('goal')) return { id: 'goals', entity: s };\n  if (k.startsWith('agent')) return { id: 'agents', entity: s };\n  if (k === 'artifact.new' || k.startsWith('artifact')) return { id: 'artifacts', entity: s };\n  if (k.startsWith('git')) return { id: 'git', entity: s };\n  return null;\n}\n","import { useCallback, useMemo, useState } from 'react';\nimport {\n  GitMerge,\n  GitPullRequest,\n  AlertTriangle,\n  CheckCircle2,\n  Bot,\n  Wrench,\n  Activity as ActivityIcon,\n  Layers,\n  Target,\n  Settings as SettingsIcon,\n  Cpu,\n  Filter,\n  Clock,\n  Circle,\n  type LucideIcon,\n} from 'lucide-react';\nimport { Stack } from '../../ui/primitives/Stack.js';\nimport { Inline } from '../../ui/primitives/Inline.js';\nimport { ViewHeader } from '../../ui/data/ViewHeader.js';\nimport { ListHeader } from '../../ui/data/ListHeader.js';\nimport { Sparkline } from '../../ui/data/Sparkline.js';\nimport { Badge } from '../../ui/data/Badge.js';\nimport { Card, CardBody } from '../../ui/data/Card.js';\nimport { Skeleton } from '../../ui/feedback/Skeleton.js';\nimport { ErrorState } from '../../ui/feedback/ErrorState.js';\nimport { Button } from '../../ui/controls/Button.js';\nimport { Switch } from '../../ui/controls/Switch.js';\nimport { Slider } from '../../ui/controls/Slider.js';\nimport { ActivityLane, type ActivityLaneEvent } from '../../ui/activity/ActivityLane.js';\nimport { ActivityLanes } from '../../ui/activity/ActivityLanes.js';\nimport { fetchJson, FetchError } from '../../data/fetcher.js';\nimport { useFetch } from '../../data/useFetch.js';\nimport { useWsMessage } from '../../data/useWebSocket.js';\nimport { useViewNavigate, activityTarget } from '../../data/useViewNavigate.js';\nimport type { ActivityEvent } from '../../data/types.js';\n\n/**\n * ActivityView — Sprint S40 visual changelog.\n *\n * Inspired by patoles/agent-flow: vertical swimlanes per actor\n * (agent/system/user) with newest-first events, click-through to the\n * source entity (task / goal / agent / artifact), and multi-select\n * source filters.\n *\n * Layout: sticky header (search + live toggle + export) → counts row\n * with per-source badges → preferences card (live / compact / look-back)\n * → horizontal scroller of `ActivityLane`s.\n */\n\ntype Source = 'task' | 'agent' | 'goal' | 'settings' | 'system' | 'git' | 'all';\n\nconst SOURCE_META: Record<Exclude<Source, 'all'>, { label: string; icon: LucideIcon; tone: 'neutral' | 'info' | 'accent' | 'success' | 'warning' | 'danger' }> = {\n  task: { label: 'Tasks', icon: Layers, tone: 'neutral' },\n  agent: { label: 'Agents', icon: Bot, tone: 'info' },\n  goal: { label: 'Goals', icon: Target, tone: 'accent' },\n  settings: { label: 'Settings', icon: SettingsIcon, tone: 'neutral' },\n  system: { label: 'System', icon: Cpu, tone: 'warning' },\n  git: { label: 'Git', icon: GitMerge, tone: 'neutral' },\n};\n\nconst EVENT_TONE_MAP: Record<string, { icon: LucideIcon; tone: ActivityLaneEvent['tone']; source: Source }> = {\n  'git.merge': { icon: GitMerge, tone: 'success', source: 'git' },\n  'git.pull-request': { icon: GitPullRequest, tone: 'info', source: 'git' },\n  'task.completed': { icon: CheckCircle2, tone: 'success', source: 'task' },\n  'task.failed': { icon: AlertTriangle, tone: 'danger', source: 'task' },\n  'task.created': { icon: Layers, tone: 'info', source: 'task' },\n  'task.moved': { icon: Layers, tone: 'neutral', source: 'task' },\n  'agent.run': { icon: Bot, tone: 'info', source: 'agent' },\n  'agent.tool': { icon: Wrench, tone: 'neutral', source: 'agent' },\n  'agent.killed': { icon: AlertTriangle, tone: 'warning', source: 'agent' },\n  'agent.message': { icon: ActivityIcon, tone: 'info', source: 'agent' },\n  'goal.created': { icon: Target, tone: 'info', source: 'goal' },\n  'goal.status': { icon: Target, tone: 'info', source: 'goal' },\n  'goal.decomposed': { icon: Target, tone: 'success', source: 'goal' },\n  'settings.changed': { icon: SettingsIcon, tone: 'neutral', source: 'settings' },\n  'system.error': { icon: AlertTriangle, tone: 'danger', source: 'system' },\n  'system.note': { icon: ActivityIcon, tone: 'neutral', source: 'system' },\n};\n\nfunction inferSource(e: ActivityEvent): Source {\n  const hint = (e.kind || e.iconKey || '').toLowerCase();\n  if (hint.startsWith('task')) return 'task';\n  if (hint.startsWith('agent')) return 'agent';\n  if (hint.startsWith('goal')) return 'goal';\n  if (hint.startsWith('settings')) return 'settings';\n  if (hint.startsWith('git')) return 'git';\n  if (hint.startsWith('system')) return 'system';\n  if (e.title && /goal/i.test(e.title)) return 'goal';\n  if (e.title && /(agent|claude|cc)/i.test(e.title)) return 'agent';\n  return 'system';\n}\n\nfunction eventVisual(e: ActivityEvent): { icon: LucideIcon; tone: ActivityLaneEvent['tone']; source: Source } {\n  const m = EVENT_TONE_MAP[e.kind || e.iconKey || ''] || EVENT_TONE_MAP['system.note'];\n  const inferred = inferSource(e);\n  return { icon: m.icon, tone: m.tone, source: inferred };\n}\n\nfunction laneKey(e: ActivityEvent): string {\n  return e.agent || e.actor || e.slug || 'system';\n}\n\nfunction laneLabel(key: string): string {\n  if (key === 'system') return 'System';\n  return key;\n}\n\ninterface ExtendedEvent extends ActivityEvent {\n  __source?: Source;\n  __key?: string;\n}\n\nexport function ActivityView(): JSX.Element {\n  const events = useFetch<{ items?: ActivityEvent[]; total?: number; limit?: number; since?: string | null }>('/api/activity?limit=200');\n  const [live, setLive] = useState<ActivityEvent[]>([]);\n  // Active source filter (single source — clicking a chip narrows to one).\n  const [source, setSource] = useState<Source>('all');\n  const [autoRefresh, setAutoRefresh] = useState<boolean>(true);\n  const [compact, setCompact] = useState<boolean>(false);\n  const [maxDays, setMaxDays] = useState<number>(14);\n  const [exportError, setExportError] = useState<string | null>(null);\n  const [search, setSearch] = useState<string>('');\n  const navigate = useViewNavigate();\n\n  const onEvent = useCallback((msg: { event?: ActivityEvent } & Record<string, unknown>) => {\n    if (!autoRefresh) return;\n    const ev = msg.event;\n    if (!ev) return;\n    setLive((prev) => [ev, ...prev].slice(0, 500));\n  }, [autoRefresh]);\n  useWsMessage('activity:new', onEvent);\n\n  const merged = useMemo<ExtendedEvent[]>(() => {\n    return [...live, ...(events.data?.items || [])];\n  }, [live, events.data]);\n\n  const filtered = useMemo<ExtendedEvent[]>(() => {\n    let list = source === 'all' ? merged : merged.filter((e) => inferSource(e) === source);\n    if (search.trim()) {\n      const needle = search.trim().toLowerCase();\n      list = list.filter((e) => {\n        const hay = [\n          e.title || '',\n          e.description || '',\n          e.kind || '',\n          e.agent || '',\n          e.actor || '',\n        ].join(' ').toLowerCase();\n        return hay.includes(needle);\n      });\n    }\n    return list;\n  }, [merged, source, search]);\n\n  // Time-windowed set (older events clipped).\n  const cutoff = Date.now() - maxDays * 86_400_000;\n  const windowed = useMemo<ExtendedEvent[]>(\n    () => filtered.filter((e) => (e.ts || 0) >= cutoff || e.ts === undefined),\n    [filtered, cutoff],\n  );\n\n  const counts = useMemo(() => {\n    const acc: Record<Source, number> = { all: 0, task: 0, agent: 0, goal: 0, settings: 0, system: 0, git: 0 };\n    for (const e of merged) {\n      const s = inferSource(e);\n      acc.all += 1;\n      acc[s] += 1;\n    }\n    return acc;\n  }, [merged]);\n\n  const sparklineData = useMemo<number[]>(() => {\n    // Group by hour bucket for sparkline.\n    const buckets = new Map<string, number>();\n    for (const e of windowed) {\n      if (!e.ts) continue;\n      const d = new Date(e.ts);\n      const k = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}T${String(d.getHours()).padStart(2, '0')}`;\n      buckets.set(k, (buckets.get(k) ?? 0) + 1);\n    }\n    return [...buckets.entries()].sort(([a], [b]) => (a < b ? -1 : 1)).map(([, v]) => v).slice(-24);\n  }, [windowed]);\n\n  // Group events into lanes (one per actor).\n  const lanes = useMemo<{ key: string; label: string; events: ActivityLaneEvent[]; icon: LucideIcon; tone: ActivityLaneEvent['tone'] }[]>(() => {\n    const map = new Map<string, ActivityLaneEvent[]>();\n    const order: string[] = [];\n    for (const e of windowed) {\n      const v = eventVisual(e);\n      const ts = e.ts || Date.now();\n      const k = laneKey(e);\n      const id = e.id || `${k}-${ts}-${Math.random().toString(36).slice(2, 6)}`;\n      if (!map.has(k)) { map.set(k, []); order.push(k); }\n      const target = activityTarget(e.kind, e.slug);\n      map.get(k)!.push({\n        id,\n        title: e.title || e.description || e.kind || 'event',\n        description: e.description && e.description !== e.title ? e.description : undefined,\n        ts,\n        tone: v.tone,\n        icon: v.icon,\n        href: target ? undefined : undefined,\n        kind: e.kind,\n        agent: e.agent,\n        actor: e.actor,\n        slug: e.slug,\n        raw: e,\n      });\n    }\n    // Sort each lane newest-first; ensure consistent order.\n    for (const arr of map.values()) arr.sort((a, b) => b.ts - a.ts);\n    return order.map((k) => {\n      const events = map.get(k)!;\n      // Lane icon picks the most recent event's icon (visual hint).\n      const Icon = (events[0]?.icon as LucideIcon) || Cpu;\n      // Lane tone picks the worst recent tone (danger > warning > success > info > neutral).\n      const severity: Record<NonNullable<ActivityLaneEvent['tone']>, number> = { danger: 4, warning: 3, success: 2, info: 1, neutral: 0 };\n      const worst = events.reduce<ActivityLaneEvent['tone']>((acc, e) => {\n        const cur = severity[e.tone ?? 'neutral'];\n        const best = severity[acc ?? 'neutral'];\n        return cur > best ? (e.tone ?? 'neutral') : acc;\n      }, 'neutral');\n      return { key: k, label: laneLabel(k), events, icon: Icon, tone: worst };\n    }).sort((a, b) => b.events.length - a.events.length);\n  }, [windowed]);\n\n  const onLaneClick = useCallback((ev: ActivityLaneEvent) => {\n    const target = activityTarget(ev.kind, ev.slug);\n    if (target) {\n      navigate(target);\n      return;\n    }\n    // Fallback: navigate to activity's own view (no-op) but focus the row.\n  }, [navigate]);\n\n  const exportNdjson = async (): Promise<void> => {\n    setExportError(null);\n    try {\n      const res = await fetchJson<{ items?: ActivityEvent[] }>('/api/activity?limit=10000');\n      const text = (res.items || []).map((e) => JSON.stringify(e)).join('\\n');\n      const blob = new Blob([text], { type: 'application/x-ndjson' });\n      const url = URL.createObjectURL(blob);\n      const a = document.createElement('a');\n      a.href = url;\n      a.download = `bizar-activity-${new Date().toISOString().slice(0, 10)}.ndjson`;\n      document.body.appendChild(a);\n      a.click();\n      a.remove();\n      URL.revokeObjectURL(url);\n    } catch (err) {\n      setExportError(err instanceof FetchError ? err.message : (err as Error).message);\n    }\n  };\n\n  return (\n    <Stack gap={5} data-testid=\"activity-view\">\n      <ViewHeader\n        title=\"Activity\"\n        description=\"Live event lanes grouped by agent, system, and goal.\"\n        actions={\n          <Inline align=\"center\" gap={2}>\n            <input\n              type=\"search\"\n              placeholder=\"Search…\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              aria-label=\"Search activity\"\n              style={{\n                height: 28,\n                padding: '0 var(--space-2)',\n                border: '1px solid var(--border)',\n                borderRadius: 'var(--radius-sm)',\n                background: 'var(--surface-0)',\n                color: 'var(--fg)',\n                fontFamily: 'var(--font-sans)',\n                fontSize: 'var(--fs-12)',\n                width: 200,\n                outline: 'none',\n              }}\n            />\n            <Inline align=\"center\" gap={1}>\n              <Circle\n                size={8}\n                aria-hidden\n                style={{ color: autoRefresh ? 'var(--success)' : 'var(--fg-muted)' }}\n                fill=\"currentColor\"\n              />\n              <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>\n                {autoRefresh ? 'Live' : 'Paused'}\n              </span>\n              <Button variant=\"ghost\" onClick={() => setAutoRefresh((v) => !v)} aria-label={autoRefresh ? 'Pause stream' : 'Resume stream'}>\n                {autoRefresh ? 'Pause' : 'Resume'}\n              </Button>\n            </Inline>\n            <Button variant=\"secondary\" onClick={() => { void exportNdjson(); }}>\n              <Filter size={12} aria-hidden /> Export NDJSON\n            </Button>\n          </Inline>\n        }\n      />\n      <ListHeader\n        title=\"Lanes\"\n        count={windowed.length}\n        sparkline={sparklineData.length >= 2 ? <Sparkline data={sparklineData} width={120} height={28} /> : undefined}\n        description={`${lanes.length} lane${lanes.length === 1 ? '' : 's'} · ${counts.task} task · ${counts.agent} agent · ${counts.goal} goal`}\n        testid=\"activity-list-header\"\n      />\n\n      {exportError !== null && (\n        <div role=\"alert\" style={{ padding: 'var(--space-3)', background: 'color-mix(in oklch, var(--danger) 12%, var(--surface-0))', border: '1px solid var(--danger)', borderRadius: 'var(--radius-md)', fontSize: 'var(--fs-12)' }}>\n          {exportError}\n        </div>\n      )}\n\n      {/* Source filter chips */}\n      <Inline align=\"center\" gap={2} wrap>\n        <FilterChip label={`All (${counts.all})`} active={source === 'all'} onClick={() => setSource('all')} icon={<ActivityIcon size={12} aria-hidden />} />\n        {(Object.keys(SOURCE_META) as Array<Exclude<Source, 'all'>>).map((s) => {\n          const meta = SOURCE_META[s];\n          const Icon = meta.icon;\n          return (\n            <FilterChip\n              key={s}\n              label={`${meta.label} (${counts[s]})`}\n              active={source === s}\n              onClick={() => setSource(s)}\n              icon={<Icon size={12} aria-hidden />}\n            />\n          );\n        })}\n      </Inline>\n\n      {/* Display prefs */}\n      <Card>\n        <CardBody>\n          <Inline align=\"center\" gap={6} wrap>\n            <Stack gap={1}>\n              <label htmlFor=\"cl-auto\" style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>Live tail</label>\n              <Inline align=\"center\" gap={2}>\n                <Switch id=\"cl-auto\" checked={autoRefresh} onCheckedChange={setAutoRefresh} />\n                <span style={{ fontSize: 'var(--fs-12)', color: autoRefresh ? 'var(--success)' : 'var(--fg-muted)' }}>\n                  {autoRefresh ? 'on' : 'paused'}\n                </span>\n              </Inline>\n            </Stack>\n            <Stack gap={1}>\n              <label htmlFor=\"cl-compact\" style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>Compact rows</label>\n              <Inline align=\"center\" gap={2}>\n                <Switch id=\"cl-compact\" checked={compact} onCheckedChange={setCompact} />\n                <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>{compact ? 'compact' : 'comfortable'}</span>\n              </Inline>\n            </Stack>\n            <Stack gap={1}>\n              <label htmlFor=\"cl-days\" style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>Look back</label>\n              <Inline align=\"center\" gap={2}>\n                <Slider id=\"cl-days\" value={[maxDays]} onValueChange={(v) => setMaxDays(v[0] ?? 14)} min={1} max={90} step={1} />\n                <code style={{ fontFamily: 'var(--font-mono)', fontSize: 'var(--fs-12)' }}>{maxDays}d</code>\n              </Inline>\n            </Stack>\n            <Inline align=\"center\" gap={1}>\n              <Clock size={12} aria-hidden style={{ color: 'var(--fg-muted)' }} />\n              <span style={{ fontSize: 'var(--fs-12)', color: 'var(--fg-muted)' }}>\n                click any event row to jump to its source\n              </span>\n            </Inline>\n          </Inline>\n        </CardBody>\n      </Card>\n\n      {/* Empty state */}\n      {!events.loading && windowed.length === 0 && (\n        <Card>\n          <CardBody>\n            <Stack gap={1}>\n              <strong>No activity matching filters.</strong>\n              <span style={{ color: 'var(--fg-muted)', fontSize: 'var(--fs-13)' }}>\n                Clear the source filter or extend the look-back window.\n              </span>\n            </Stack>\n          </CardBody>\n        </Card>\n      )}\n\n      {events.loading && windowed.length === 0 ? (\n        <Skeleton style={{ height: 480 }} />\n      ) : events.error && windowed.length === 0 ? (\n        <ErrorState\n          block\n          title=\"Couldn't load activity\"\n          description=\"The activity feed failed to fetch. Retry to refetch.\"\n          error={events.error}\n          onRetry={() => void events.refetch()}\n          testid=\"activity-error\"\n        />\n      ) : lanes.length === 0 ? (\n        <Card>\n          <CardBody>\n            <span style={{ color: 'var(--fg-muted)' }}>No lanes yet — events will appear here as agents run.</span>\n          </CardBody>\n        </Card>\n      ) : (\n        <ActivityLanes minHeight={compact ? 320 : 480}>\n          {lanes.map((lane) => (\n            <ActivityLane\n              key={lane.key}\n              laneId={lane.key}\n              label={lane.label}\n              icon={lane.icon}\n              events={lane.events}\n              loading={events.loading && lane.events.length === 0}\n              onEventClick={onLaneClick}\n              trailing={\n                <Badge tone={\n                  lane.tone === 'danger' ? 'danger'\n                  : lane.tone === 'warning' ? 'warning'\n                  : lane.tone === 'success' ? 'success'\n                  : lane.tone === 'info' ? 'info'\n                  : 'neutral'\n                }>\n                  {lane.tone}\n                </Badge>\n              }\n            />\n          ))}\n        </ActivityLanes>\n      )}\n    </Stack>\n  );\n}\n\nfunction FilterChip({ label, active, onClick, icon }: { label: string; active: boolean; onClick: () => void; icon?: React.ReactNode }): JSX.Element {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      aria-pressed={active}\n      style={{\n        display: 'inline-flex',\n        alignItems: 'center',\n        gap: 6,\n        padding: '4px 10px',\n        borderRadius: 'var(--radius-pill)',\n        border: `1px solid ${active ? 'var(--accent)' : 'var(--border)'}`,\n        background: active ? 'color-mix(in oklch, var(--accent) 14%, var(--surface-1))' : 'var(--surface-1)',\n        color: active ? 'var(--accent)' : 'var(--fg)',\n        fontSize: 'var(--fs-12)',\n        cursor: 'pointer',\n        fontWeight: active ? 600 : 500,\n      }}\n    >\n      {icon}\n      {label}\n    </button>\n  );\n}\n"],"names":["TONE_VAR","timeShort","ts","d","relTime","diff","ActivityLane","props","laneId","label","Icon","events","loading","onEventClick","collapsible","trailing","width","className","style","headerStyle","jsxs","cx","jsx","Inline","Stack","LaneSkeleton","e","tone","EventIcon","interactive","rowStyle","inner","Fragment","ev","i","ActivityLanes","children","gap","minHeight","fade","containerStyle","useViewNavigate","useCallback","detail","activityTarget","kind","slug","k","s","SOURCE_META","Layers","Bot","Target","SettingsIcon","Cpu","GitMerge","EVENT_TONE_MAP","GitPullRequest","CheckCircle2","AlertTriangle","Wrench","ActivityIcon","inferSource","hint","eventVisual","m","inferred","laneKey","laneLabel","key","ActivityView","useFetch","live","setLive","useState","source","setSource","autoRefresh","setAutoRefresh","compact","setCompact","maxDays","setMaxDays","exportError","setExportError","search","setSearch","navigate","onEvent","msg","prev","useWsMessage","merged","useMemo","_a","filtered","list","needle","cutoff","windowed","counts","acc","sparklineData","buckets","a","b","v","lanes","map","order","id","target","arr","severity","worst","cur","best","onLaneClick","exportNdjson","text","fetchJson","blob","url","err","FetchError","ViewHeader","Circle","Button","Filter","ListHeader","Sparkline","FilterChip","meta","Card","CardBody","Switch","Slider","Clock","Skeleton","ErrorState","lane","Badge","active","onClick","icon"],"mappings":"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"}