@mrpatronz/nexusflow 0.2.19 → 1.3.1

package/gui/src/app/AppSidebar.tsx

@@ -1,69 +0,0 @@
-import { LayoutDashboard, FolderGit2, Workflow, Settings as SettingsIcon, BookOpen, Plus, type LucideIcon } from 'lucide-react';
-import { cn } from '../components/ui/index.js';
-
-interface NavItem {
-  label: string;
-  to: string;
-  icon: LucideIcon;
-  match: (p: string) => boolean;
-}
-
-const ITEMS: NavItem[] = [
-  { label: 'Overview', to: '/', icon: LayoutDashboard, match: (p) => p === '/' },
-  { label: 'Workspaces', to: '/workspaces', icon: FolderGit2, match: (p) => p.startsWith('/workspaces') },
-  { label: 'Strategies', to: '/strategies', icon: Workflow, match: (p) => p.startsWith('/strategies') },
-  { label: 'Settings', to: '/settings', icon: SettingsIcon, match: (p) => p.startsWith('/settings') },
-];
-
-export function AppSidebar({
-  pathname,
-  appVersion,
-  onNavigate,
-  onNewWorkspace,
-}: {
-  pathname: string;
-  appVersion: string;
-  onNavigate: (to: string) => void;
-  onNewWorkspace: () => void;
-}) {
-  const linkClass = (active: boolean) =>
-    cn(
-      'flex items-center gap-2.5 rounded-md px-3 py-2 text-sm font-medium transition-colors cursor-pointer',
-      active ? 'bg-accent-soft text-accent' : 'text-content-muted hover:bg-raised hover:text-content',
-    );
-
-  return (
-    <aside className="flex w-60 shrink-0 flex-col border-r border-hairline bg-surface/40 p-4">
-      <div className="mb-5 flex items-center gap-2.5 px-2 py-1">
-        <div className="grid h-8 w-8 place-items-center rounded-md bg-accent font-display text-sm font-bold text-white">NF</div>
-        <span className="font-display text-sm font-semibold text-content">NexusFlow</span>
-      </div>
-
-      <button
-        onClick={onNewWorkspace}
-        className="mb-5 inline-flex items-center justify-center gap-2 rounded-md bg-accent px-3 py-2 text-sm font-medium text-white transition-colors hover:bg-accent-hover cursor-pointer"
-      >
-        <Plus size={16} /> New workspace
-      </button>
-
-      <nav className="flex flex-1 flex-col gap-1">
-        {ITEMS.map((it) => {
-          const Icon = it.icon;
-          return (
-            <button key={it.to} onClick={() => onNavigate(it.to)} className={linkClass(it.match(pathname))}>
-              <Icon size={16} /> {it.label}
-            </button>
-          );
-        })}
-      </nav>
-
-      <button onClick={() => onNavigate('/guide')} className={linkClass(pathname.startsWith('/guide'))}>
-        <BookOpen size={16} /> Getting started
-      </button>
-
-      <div className="mt-3 border-t border-hairline pt-3 text-center text-[10px] font-medium uppercase tracking-wider text-content-faint">
-        NexusFlow v{appVersion}
-      </div>
-    </aside>
-  );
-}

package/gui/src/assets/react.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>

package/gui/src/assets/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="77" height="47" fill="none" aria-labelledby="vite-logo-title" viewBox="0 0 77 47"><title id="vite-logo-title">Vite</title><style>.parenthesis{fill:#000}@media (prefers-color-scheme:dark){.parenthesis{fill:#fff}}</style><path fill="#9135ff" d="M40.151 45.71c-.663.844-2.02.374-2.02-.699V34.708a2.26 2.26 0 0 0-2.262-2.262H24.493c-.92 0-1.457-1.04-.92-1.788l7.479-10.471c1.07-1.498 0-3.578-1.842-3.578H15.443c-.92 0-1.456-1.04-.92-1.788l9.696-13.576c.213-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.472c-1.07 1.497 0 3.578 1.842 3.578h11.376c.944 0 1.474 1.087.89 1.83L40.153 45.712z"/><mask id="a" width="48" height="47" x="14" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#000" d="M40.047 45.71c-.663.843-2.02.374-2.02-.699V34.708a2.26 2.26 0 0 0-2.262-2.262H24.389c-.92 0-1.457-1.04-.92-1.788l7.479-10.472c1.07-1.497 0-3.578-1.842-3.578H15.34c-.92 0-1.456-1.04-.92-1.788l9.696-13.575c.213-.297.556-.474.92-.474H53.93c.92 0 1.456 1.04.92 1.788L47.37 13.03c-1.07 1.498 0 3.578 1.842 3.578h11.376c.944 0 1.474 1.088.89 1.831L40.049 45.712z"/></mask><g mask="url(#a)"><g filter="url(#b)"><ellipse cx="5.508" cy="14.704" fill="#eee6ff" rx="5.508" ry="14.704" transform="rotate(269.814 20.96 11.29)scale(-1 1)"/></g><g filter="url(#c)"><ellipse cx="10.399" cy="29.851" fill="#eee6ff" rx="10.399" ry="29.851" transform="rotate(89.814 -16.902 -8.275)scale(1 -1)"/></g><g filter="url(#d)"><ellipse cx="5.508" cy="30.487" fill="#8900ff" rx="5.508" ry="30.487" transform="rotate(89.814 -19.197 -7.127)scale(1 -1)"/></g><g filter="url(#e)"><ellipse cx="5.508" cy="30.599" fill="#8900ff" rx="5.508" ry="30.599" transform="rotate(89.814 -25.928 4.177)scale(1 -1)"/></g><g filter="url(#f)"><ellipse cx="5.508" cy="30.599" fill="#8900ff" rx="5.508" ry="30.599" transform="rotate(89.814 -25.738 5.52)scale(1 -1)"/></g><g filter="url(#g)"><ellipse cx="14.072" cy="22.078" fill="#eee6ff" rx="14.072" ry="22.078" transform="rotate(93.35 31.245 55.578)scale(-1 1)"/></g><g filter="url(#h)"><ellipse cx="3.47" cy="21.501" fill="#8900ff" rx="3.47" ry="21.501" transform="rotate(89.009 35.419 55.202)scale(-1 1)"/></g><g filter="url(#i)"><ellipse cx="3.47" cy="21.501" fill="#8900ff" rx="3.47" ry="21.501" transform="rotate(89.009 35.419 55.202)scale(-1 1)"/></g><g filter="url(#j)"><ellipse cx="14.592" cy="9.743" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(39.51 14.592 9.743)"/></g><g filter="url(#k)"><ellipse cx="61.728" cy="-5.321" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(37.892 61.728 -5.32)"/></g><g filter="url(#l)"><ellipse cx="55.618" cy="7.104" fill="#00c2ff" rx="5.971" ry="9.665" transform="rotate(37.892 55.618 7.104)"/></g><g filter="url(#m)"><ellipse cx="12.326" cy="39.103" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(37.892 12.326 39.103)"/></g><g filter="url(#n)"><ellipse cx="12.326" cy="39.103" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(37.892 12.326 39.103)"/></g><g filter="url(#o)"><ellipse cx="49.857" cy="30.678" fill="#8900ff" rx="4.407" ry="29.108" transform="rotate(37.892 49.857 30.678)"/></g><g filter="url(#p)"><ellipse cx="52.623" cy="33.171" fill="#00c2ff" rx="5.971" ry="15.297" transform="rotate(37.892 52.623 33.17)"/></g></g><path d="M6.919 0c-9.198 13.166-9.252 33.575 0 46.789h6.215c-9.25-13.214-9.196-33.623 0-46.789zm62.424 0h-6.215c9.198 13.166 9.252 33.575 0 46.789h6.215c9.25-13.214 9.196-33.623 0-46.789" class="parenthesis"/><defs><filter id="b" width="60.045" height="41.654" x="-5.564" y="16.92" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="7.659"/></filter><filter id="c" width="90.34" height="51.437" x="-40.407" y="-6.762" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="7.659"/></filter><filter id="d" width="79.355" height="29.4" x="-35.435" y="2.801" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="e" width="79.579" height="29.4" x="-30.84" y="20.8" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="f" width="79.579" height="29.4" x="-29.307" y="21.949" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="g" width="74.749" height="58.852" x="29.961" y="-17.13" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="7.659"/></filter><filter id="h" width="61.377" height="25.362" x="37.754" y="3.055" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="i" width="61.377" height="25.362" x="37.754" y="3.055" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="j" width="56.045" height="63.649" x="-13.43" y="-22.082" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="k" width="54.814" height="64.646" x="34.321" y="-37.644" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="l" width="33.541" height="35.313" x="38.847" y="-10.552" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="m" width="54.814" height="64.646" x="-15.081" y="6.78" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="n" width="54.814" height="64.646" x="-15.081" y="6.78" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="o" width="54.814" height="64.646" x="22.45" y="-1.645" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter><filter id="p" width="39.409" height="43.623" x="32.919" y="11.36" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17286" stdDeviation="4.596"/></filter></defs></svg>

package/gui/src/components/AddRepoPicker.tsx

@@ -1,81 +0,0 @@
-import { useMemo, useState } from 'react';
-import { Plus, Search } from 'lucide-react';
-import type { RepoInfo } from '../types.js';
-import { Input } from './ui/index.js';
-
-/** A searchable popover for attaching another repository to a workspace. */
-export function AddRepoPicker({
-  repos,
-  disabled,
-  onAdd,
-}: {
-  repos: RepoInfo[];
-  disabled?: boolean;
-  onAdd: (repoPath: string) => void;
-}) {
-  const [open, setOpen] = useState(false);
-  const [query, setQuery] = useState('');
-
-  const filtered = useMemo(() => {
-    const q = query.trim().toLowerCase();
-    if (!q) return repos;
-    return repos.filter((r) => r.name.toLowerCase().includes(q) || r.path.toLowerCase().includes(q));
-  }, [repos, query]);
-
-  return (
-    <div className="relative">
-      <button
-        type="button"
-        disabled={disabled}
-        aria-haspopup="listbox"
-        aria-expanded={open}
-        onClick={() => {
-          setQuery('');
-          setOpen((o) => !o);
-        }}
-        className="inline-flex items-center gap-1.5 rounded-md border border-hairline bg-surface px-3 py-1.5 text-xs font-medium text-content-muted transition-colors hover:bg-raised hover:text-content disabled:cursor-not-allowed disabled:opacity-40 cursor-pointer"
-      >
-        <Plus size={14} /> Add repository
-      </button>
-
-      {open && (
-        <>
-          <div className="fixed inset-0 z-40" aria-hidden="true" onClick={() => setOpen(false)} />
-          <div className="absolute right-0 z-50 mt-1.5 w-72 overflow-hidden rounded-lg border border-hairline bg-raised shadow-xl animate-fade-in">
-            <div className="relative border-b border-hairline p-2">
-              <Search size={14} className="pointer-events-none absolute left-4 top-1/2 -translate-y-1/2 text-content-faint" />
-              <Input
-                autoFocus
-                value={query}
-                onChange={(e) => setQuery(e.target.value)}
-                placeholder="Search repositories"
-                className="pl-8"
-              />
-            </div>
-            <div role="listbox" className="max-h-64 overflow-y-auto py-1">
-              {filtered.length === 0 ? (
-                <div className="px-3 py-4 text-center text-xs text-content-faint">No repositories found.</div>
-              ) : (
-                filtered.map((r) => (
-                  <button
-                    key={r.path}
-                    role="option"
-                    aria-selected={false}
-                    onClick={() => {
-                      setOpen(false);
-                      onAdd(r.path);
-                    }}
-                    className="flex w-full flex-col items-start gap-0.5 px-3 py-2 text-left transition-colors hover:bg-surface cursor-pointer"
-                  >
-                    <span className="font-mono text-xs font-semibold text-content">{r.name}</span>
-                    <span className="w-full truncate text-[10px] text-content-faint">{r.path}</span>
-                  </button>
-                ))
-              )}
-            </div>
-          </div>
-        </>
-      )}
-    </div>
-  );
-}

package/gui/src/components/ui/Button.tsx

@@ -1,40 +0,0 @@
-import type { ButtonHTMLAttributes, ReactNode } from 'react';
-import { cn } from './cn.js';
-
-type Variant = 'primary' | 'secondary' | 'ghost' | 'danger';
-type Size = 'sm' | 'md';
-
-interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-  variant?: Variant;
-  size?: Size;
-  icon?: ReactNode;
-}
-
-const VARIANTS: Record<Variant, string> = {
-  primary: 'bg-accent text-white hover:bg-accent-hover border border-transparent',
-  secondary: 'bg-surface text-content border border-hairline hover:bg-raised hover:border-hairline-strong',
-  ghost: 'bg-transparent text-content-muted hover:text-content hover:bg-raised border border-transparent',
-  danger: 'bg-transparent text-danger border border-danger/40 hover:bg-danger/10',
-};
-
-const SIZES: Record<Size, string> = {
-  sm: 'text-xs px-2.5 py-1.5 gap-1.5 rounded-md',
-  md: 'text-sm px-3.5 py-2 gap-2 rounded-md',
-};
-
-export function Button({ variant = 'secondary', size = 'md', icon, className, children, ...rest }: ButtonProps) {
-  return (
-    <button
-      className={cn(
-        'inline-flex items-center justify-center font-medium transition-colors cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed',
-        VARIANTS[variant],
-        SIZES[size],
-        className,
-      )}
-      {...rest}
-    >
-      {icon}
-      {children}
-    </button>
-  );
-}

package/gui/src/components/ui/Card.tsx

@@ -1,6 +0,0 @@
-import type { HTMLAttributes } from 'react';
-import { cn } from './cn.js';
-
-export function Card({ className, ...rest }: HTMLAttributes<HTMLDivElement>) {
-  return <div className={cn('bg-surface border border-hairline rounded-lg', className)} {...rest} />;
-}

package/gui/src/components/ui/EmptyState.tsx

@@ -1,22 +0,0 @@
-import type { ReactNode } from 'react';
-
-export function EmptyState({
-  icon,
-  title,
-  description,
-  action,
-}: {
-  icon?: ReactNode;
-  title: string;
-  description?: string;
-  action?: ReactNode;
-}) {
-  return (
-    <div className="flex flex-col items-center justify-center px-6 py-16 text-center">
-      {icon && <div className="mb-3 text-content-faint">{icon}</div>}
-      <h3 className="font-display text-lg font-semibold text-content">{title}</h3>
-      {description && <p className="mt-1 max-w-sm text-sm text-content-muted">{description}</p>}
-      {action && <div className="mt-4">{action}</div>}
-    </div>
-  );
-}

package/gui/src/components/ui/Input.tsx

@@ -1,21 +0,0 @@
-import type { InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes } from 'react';
-import { cn } from './cn.js';
-
-const base =
-  'w-full bg-base border border-hairline rounded-md px-3 py-2 text-sm text-content placeholder:text-content-faint outline-none focus:border-accent transition-colors disabled:opacity-50 disabled:cursor-not-allowed';
-
-export function Input({ className, ...rest }: InputHTMLAttributes<HTMLInputElement>) {
-  return <input className={cn(base, className)} {...rest} />;
-}
-
-export function Textarea({ className, ...rest }: TextareaHTMLAttributes<HTMLTextAreaElement>) {
-  return <textarea className={cn(base, 'resize-y leading-relaxed', className)} {...rest} />;
-}
-
-export function Select({ className, children, ...rest }: SelectHTMLAttributes<HTMLSelectElement>) {
-  return (
-    <select className={cn(base, 'cursor-pointer', className)} {...rest}>
-      {children}
-    </select>
-  );
-}

package/gui/src/components/ui/Menu.tsx

@@ -1,71 +0,0 @@
-import { useState, type ReactNode } from 'react';
-import { cn } from './cn.js';
-
-export interface MenuItem {
-  label: string;
-  icon?: ReactNode;
-  onClick: () => void;
-  danger?: boolean;
-  disabled?: boolean;
-}
-
-export function Menu({
-  trigger,
-  items,
-  align = 'right',
-  label,
-}: {
-  trigger: ReactNode;
-  items: MenuItem[];
-  align?: 'left' | 'right';
-  label?: string;
-}) {
-  const [open, setOpen] = useState(false);
-  return (
-    <div className="relative">
-      <button
-        type="button"
-        aria-haspopup="menu"
-        aria-expanded={open}
-        aria-label={label}
-        onClick={() => setOpen((o) => !o)}
-        className="inline-flex items-center justify-center cursor-pointer"
-      >
-        {trigger}
-      </button>
-      {open && (
-        <>
-          <div className="fixed inset-0 z-40" aria-hidden="true" onClick={() => setOpen(false)} />
-          <div
-            role="menu"
-            className={cn(
-              'absolute z-50 mt-1.5 min-w-48 rounded-lg border border-hairline bg-raised py-1 shadow-xl animate-fade-in',
-              align === 'right' ? 'right-0' : 'left-0',
-            )}
-          >
-            {items.map((it, i) => (
-              <div key={i}>
-                {it.danger && <div className="my-1 h-px bg-hairline" />}
-                <button
-                  role="menuitem"
-                  disabled={it.disabled}
-                  onClick={() => {
-                    setOpen(false);
-                    it.onClick();
-                  }}
-                  className={cn(
-                    'flex w-full items-center gap-2.5 px-3 py-2 text-sm font-medium transition-colors cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed',
-                    it.danger ? 'text-danger hover:bg-danger/10' : 'text-content-muted hover:bg-surface hover:text-content',
-                  )}
-                >
-                  {it.icon}
-                  {it.label}
-                </button>
-              </div>
-            ))}
-          </div>
-        </>
-      )}
-    </div>
-  );
-}

package/gui/src/components/ui/Modal.tsx

@@ -1,39 +0,0 @@
-import type { ReactNode } from 'react';
-import { X } from 'lucide-react';
-import { cn } from './cn.js';
-
-export function Modal({
-  open,
-  onClose,
-  title,
-  children,
-  className,
-}: {
-  open: boolean;
-  onClose: () => void;
-  title?: ReactNode;
-  children: ReactNode;
-  className?: string;
-}) {
-  if (!open) return null;
-  return (
-    <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
-      <div className="absolute inset-0 bg-black/70" onClick={onClose} aria-hidden="true" />
-      <div
-        role="dialog"
-        aria-modal="true"
-        className={cn('relative z-10 w-full max-w-lg rounded-lg border border-hairline bg-surface shadow-2xl animate-rise', className)}
-      >
-        {title && (
-          <div className="flex items-center justify-between border-b border-hairline px-5 py-3.5">
-            <h3 className="font-display font-semibold text-content">{title}</h3>
-            <button onClick={onClose} className="cursor-pointer text-content-faint hover:text-content" aria-label="Close">
-              <X size={16} />
-            </button>
-          </div>
-        )}
-        {children}
-      </div>
-    </div>
-  );
-}

package/gui/src/components/ui/PageHeader.tsx

@@ -1,21 +0,0 @@
-import type { ReactNode } from 'react';
-
-export function PageHeader({
-  title,
-  subtitle,
-  actions,
-}: {
-  title: ReactNode;
-  subtitle?: ReactNode;
-  actions?: ReactNode;
-}) {
-  return (
-    <div className="mb-6 flex items-start justify-between gap-4">
-      <div className="min-w-0">
-        <h1 className="font-display text-2xl font-bold tracking-tight text-content">{title}</h1>
-        {subtitle && <p className="mt-1 text-sm text-content-muted">{subtitle}</p>}
-      </div>
-      {actions && <div className="flex shrink-0 items-center gap-2">{actions}</div>}
-    </div>
-  );
-}

package/gui/src/components/ui/RepoStatusStrip.tsx

@@ -1,33 +0,0 @@
-import { cn } from './cn.js';
-
-export type RepoState = 'clean' | 'changes' | 'conflict' | 'unknown';
-
-const STATE_DOT: Record<RepoState, string> = {
-  clean: 'bg-success',
-  changes: 'bg-warning',
-  conflict: 'bg-danger',
-  unknown: 'bg-idle',
-};
-
-export interface RepoDot {
-  name: string;
-  state?: RepoState;
-}
-
-/** Signature element: a row of per-repo status dots, reused across dashboard, list and detail. */
-export function RepoStatusStrip({ repos, className }: { repos: RepoDot[]; className?: string }) {
-  return (
-    <div className={cn('flex flex-wrap items-center gap-1.5', className)}>
-      {repos.map((r) => (
-        <span
-          key={r.name}
-          title={`${r.name}${r.state ? ` · ${r.state}` : ''}`}
-          className="inline-flex items-center gap-1.5 rounded border border-hairline bg-base px-2 py-0.5 font-mono text-[11px] font-medium text-content-muted"
-        >
-          <span className={cn('h-1.5 w-1.5 rounded-full', STATE_DOT[r.state ?? 'unknown'])} />
-          {r.name}
-        </span>
-      ))}
-    </div>
-  );
-}

package/gui/src/components/ui/Skeleton.tsx

@@ -1,5 +0,0 @@
-import { cn } from './cn.js';
-
-export function Skeleton({ className }: { className?: string }) {
-  return <div className={cn('animate-pulse rounded-md bg-raised', className)} />;
-}

package/gui/src/components/ui/StatusPill.tsx

@@ -1,36 +0,0 @@
-import type { ReactNode } from 'react';
-import { cn } from './cn.js';
-
-export type Tone = 'success' | 'warning' | 'danger' | 'running' | 'idle' | 'accent' | 'neutral';
-
-const TONES: Record<Tone, string> = {
-  success: 'text-success border-success/30 bg-success/10',
-  warning: 'text-warning border-warning/30 bg-warning/10',
-  danger: 'text-danger border-danger/30 bg-danger/10',
-  running: 'text-running border-running/30 bg-running/10',
-  idle: 'text-content-faint border-hairline bg-surface',
-  accent: 'text-accent border-accent/30 bg-accent-soft',
-  neutral: 'text-content-muted border-hairline bg-raised',
-};
-
-export function StatusPill({
-  tone = 'neutral',
-  dot,
-  title,
-  children,
-}: {
-  tone?: Tone;
-  dot?: boolean;
-  title?: string;
-  children: ReactNode;
-}) {
-  return (
-    <span
-      title={title}
-      className={cn('inline-flex items-center gap-1.5 text-[11px] font-medium px-2 py-0.5 rounded-md border whitespace-nowrap', TONES[tone])}
-    >
-      {dot && <span className="h-1.5 w-1.5 rounded-full bg-current" />}
-      {children}
-    </span>
-  );
-}

package/gui/src/components/ui/Tabs.tsx

@@ -1,40 +0,0 @@
-import { cn } from './cn.js';
-
-export interface TabItem {
-  value: string;
-  label: string;
-}
-
-export function Tabs({
-  items,
-  value,
-  onChange,
-  className,
-}: {
-  items: TabItem[];
-  value: string;
-  onChange: (v: string) => void;
-  className?: string;
-}) {
-  return (
-    <div role="tablist" className={cn('flex items-center gap-1 border-b border-hairline overflow-x-auto', className)}>
-      {items.map((it) => {
-        const active = it.value === value;
-        return (
-          <button
-            key={it.value}
-            role="tab"
-            aria-selected={active}
-            onClick={() => onChange(it.value)}
-            className={cn(
-              '-mb-px whitespace-nowrap border-b-2 px-3 py-2 text-sm font-medium transition-colors cursor-pointer',
-              active ? 'text-content border-accent' : 'text-content-faint border-transparent hover:text-content',
-            )}
-          >
-            {it.label}
-          </button>
-        );
-      })}
-    </div>
-  );
-}

package/gui/src/components/ui/cn.ts

@@ -1,4 +0,0 @@
-/** Join truthy class-name parts into a single string. */
-export function cn(...parts: Array<string | false | null | undefined>): string {
-  return parts.filter(Boolean).join(' ');
-}

package/gui/src/components/ui/index.ts

@@ -1,16 +0,0 @@
-export { cn } from './cn.js';
-export { Button } from './Button.js';
-export { Card } from './Card.js';
-export { StatusPill } from './StatusPill.js';
-export type { Tone } from './StatusPill.js';
-export { Tabs } from './Tabs.js';
-export type { TabItem } from './Tabs.js';
-export { Input, Textarea, Select } from './Input.js';
-export { Menu } from './Menu.js';
-export type { MenuItem } from './Menu.js';
-export { Modal } from './Modal.js';
-export { Skeleton } from './Skeleton.js';
-export { EmptyState } from './EmptyState.js';
-export { PageHeader } from './PageHeader.js';
-export { RepoStatusStrip } from './RepoStatusStrip.js';
-export type { RepoDot, RepoState } from './RepoStatusStrip.js';