puter/zopu-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): Work OS surface with Work Units, Signals, dual-mode composer

Browse Source 
Lane C implementation of the Zopu Web Work OS for dogfooding:

- Work Unit card/detail projections built from per-issue events only
  (artifact counts from distinct artifact.updated paths, PR from
  gitea events, activity timeline, agent summaries). Signal linkage
  is explicitly 0/unavailable until Lane A relations are integrated.
- Persistent composer with Project and Work Unit mode switching.
  Project mode sends to the global Zopu agent; Work Unit mode sends
  to the issue-scoped project-manager agent identity.
- Collapsed Work Unit cards show title, summary, signal/step/artifact
  counts, current activity, PR indicator, needs-input indicator.
- Expanded Work Unit detail shows objective, timeline, artifacts,
  PR with directly usable link, needs-input alert, start action.
- Project-level Signals panel in the sidebar (not attributed to any
  issue until a signal-to-issue relation exists).
- Dark theme with calm, Apple-like visual direction.
- 21 projection tests including 5 cross-issue isolation tests and
  2 signal isolation tests proving one issue cannot inherit
  another issue's artifacts, PR, summary, or project signals.
- Mobile-responsive: detail overlay on mobile, sidebar on desktop.

No backend or schema changes. Uses existing Convex contracts and
Flue agent transport throughout.
This commit is contained in:
-Puter
2026-07-24 20:59:48 +05:30
parent 2ce96b0bab
commit 5df8633eae
14 changed files with 2128 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
packages/ui/src/styles/globals.css
View File

@@ -42,37 +42,37 @@
}
.dark {
--background: oklch(0.145 0 0);
--foreground: oklch(0.985 0 0);
--card: oklch(0.205 0 0);
--card-foreground: oklch(0.985 0 0);
--popover: oklch(0.205 0 0);
--popover-foreground: oklch(0.985 0 0);
--background: oklch(0.13 0.003 90);
--foreground: oklch(0.93 0.002 90);
--card: oklch(0.17 0.004 90);
--card-foreground: oklch(0.93 0.002 90);
--popover: oklch(0.17 0.004 90);
--popover-foreground: oklch(0.93 0.002 90);
--primary: oklch(0.87 0 0);
--primary-foreground: oklch(0.205 0 0);
--secondary: oklch(0.269 0 0);
--secondary-foreground: oklch(0.985 0 0);
--muted: oklch(0.269 0 0);
--muted-foreground: oklch(0.708 0 0);
--accent: oklch(0.371 0 0);
--accent-foreground: oklch(0.985 0 0);
--destructive: oklch(0.704 0.191 22.216);
--border: oklch(1 0 0 / 10%);
--input: oklch(1 0 0 / 15%);
--ring: oklch(0.556 0 0);
--primary-foreground: oklch(0.17 0.004 90);
--secondary: oklch(0.22 0.004 90);
--secondary-foreground: oklch(0.93 0.002 90);
--muted: oklch(0.22 0.004 90);
--muted-foreground: oklch(0.62 0.004 90);
--accent: oklch(0.27 0.005 90);
--accent-foreground: oklch(0.93 0.002 90);
--destructive: oklch(0.65 0.2 25);
--border: oklch(0.28 0.004 90);
--input: oklch(0.22 0.004 90);
--ring: oklch(0.5 0.004 90);
--chart-1: oklch(0.809 0.105 251.813);
--chart-2: oklch(0.623 0.214 259.815);
--chart-3: oklch(0.546 0.245 262.881);
--chart-4: oklch(0.488 0.243 264.376);
--chart-5: oklch(0.424 0.199 265.638);
--sidebar: oklch(0.205 0 0);
--sidebar-foreground: oklch(0.985 0 0);
--sidebar: oklch(0.17 0.004 90);
--sidebar-foreground: oklch(0.93 0.002 90);
--sidebar-primary: oklch(0.488 0.243 264.376);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.269 0 0);
--sidebar-accent-foreground: oklch(0.985 0 0);
--sidebar-border: oklch(1 0 0 / 10%);
--sidebar-ring: oklch(0.556 0 0);
--sidebar-primary-foreground: oklch(0.93 0.002 90);
--sidebar-accent: oklch(0.22 0.004 90);
--sidebar-accent-foreground: oklch(0.93 0.002 90);
--sidebar-border: oklch(0.28 0.004 90);
--sidebar-ring: oklch(0.5 0.004 90);
}
@theme inline {