@fapost/jig-ui 0.1.0-next.8 → 0.1.0

package/dist/source/local.js

@@ -1,5 +1,7 @@
 import { existsSync } from 'node:fs';
-import { jigVersion, MIN_JIG_VERSION, supports } from '../jig/client.js';
+import { JigRefusal, JigShapeError, jigVersion, MIN_JIG_VERSION, readSpecs, readStatus, readTasks, supports, watchDir, writtenByReads, } from '../jig/client.js';
+import { addProject, readProjects, removeProject } from '../registry/projects.js';
+import { watchTree } from '../watch/watch.js';
 import { mainCheckout } from './checkout.js';
 /** Jig's version in the checkout: `null` when Jig is there but names no version Jig UI can read. */
 async function version(root) {
@@ -11,7 +13,7 @@ async function version(root) {
     }
 }
 /** The main checkout `path` names, or why it cannot be connected. A Jig below the minimum can. */
-export async function connectable(path) {
+async function connectable(path) {
     const checkout = await mainCheckout(path);
     if (checkout.kind === 'not-a-repository') {
         return { code: 'not-a-repository', message: 'This is not a directory inside a git repository.' };
@@ -24,8 +26,53 @@ export async function connectable(path) {
     }
     return { root: checkout.root };
 }
-/** Reads a connected project's state; a project below the minimum Jig is not read any further. */
-export async function projectState({ id, path }) {
+function count(tasks) {
+    return {
+        active: tasks.filter((t) => t.status === 'active' && !t.paused).length,
+        paused: tasks.filter((t) => t.paused).length,
+        ready: tasks.filter((t) => t.status === 'ready' && !t.paused).length,
+    };
+}
+/** A live task as a board's card shows it. */
+const card = (t) => ({
+    id: t.id,
+    class: t.class,
+    status: t.status,
+    goal: t.goal,
+    paused: t.paused,
+    started: t.branch !== null,
+    gate: t.gate?.state ?? null,
+    autopilot: t.autopilot?.state ?? null,
+    pullRequest: t.pullRequest,
+});
+/** A live task in full; where its worktree is was never read, and an action Jig refuses is left out. */
+const details = (t, attention) => ({
+    ...card(t),
+    issue: t.issue,
+    branch: t.branch,
+    baseBranch: t.baseBranch,
+    createdAt: t.createdAt,
+    updatedAt: t.updatedAt,
+    knowledgeConsolidated: t.knowledgeConsolidated,
+    worktree: t.worktree,
+    gateBy: t.gate?.by ?? null,
+    run: t.autopilot && {
+        mode: t.autopilot.mode,
+        stage: t.autopilot.stage,
+        stageAt: t.autopilot.stageAt,
+        stopReason: t.autopilot.stopReason,
+        stopAt: t.autopilot.stopAt,
+        phase: t.autopilot.phase,
+    },
+    housekeepingFlags: t.housekeepingFlags,
+    actions: t.actions.filter((a) => a.offered).map(({ id, command }) => ({ id, command })),
+    attention: attention.filter((a) => a.tasks.includes(t.id)),
+});
+/**
+ * Runs `read` on a connected project whose Jig Jig UI reads; a project gone, below the minimum, or
+ * refusing the read comes back as its state instead.
+ */
+async function reading({ id, path }, read) {
     if (!existsSync(path))
         return { id, state: 'unavailable', reason: 'missing' };
     const v = await version(path);
@@ -33,5 +80,198 @@ export async function projectState({ id, path }) {
         return { id, state: 'unavailable', reason: 'no-jig' };
     if (v === null || !supports(v))
         return { id, state: 'unsupported', jigVersion: v, minimum: MIN_JIG_VERSION };
-    return { id, state: 'ready', jigVersion: v };
+    try {
+        return await read(path, v);
+    }
+    catch (error) {
+        if (error instanceof JigShapeError)
+            return { id, state: 'incompatible', jigVersion: v };
+        // Only the code goes on: Jig's message may name a path.
+        return { id, state: 'unreadable', code: error instanceof JigRefusal ? error.code : 'failed' };
+    }
+}
+async function readProject(project) {
+    const read = await reading(project, async (root, jigVersion) => {
+        const [status, list, specs] = await Promise.all([readStatus(root), readTasks(root), readSpecs(root)]);
+        return { status, list, specs, jigVersion };
+    });
+    if (!('list' in read))
+        return { view: read, tasks: read, details: [], specs: read, revision: null };
+    const { status, list, specs, jigVersion } = read;
+    // Jig's live list holds active and ready tasks only.
+    const live = list.tasks.filter((t) => t.status === 'active' || t.status === 'ready');
+    return {
+        view: {
+            id: project.id,
+            state: 'ready',
+            jigVersion,
+            counts: count(list.tasks),
+            attention: status.attention,
+            housekeepingStale: status.housekeepingStale,
+        },
+        tasks: { state: 'ready', tasks: live.map(card), finished: list.hidden },
+        details: live.map((t) => details(t, status.attention)),
+        specs: { state: 'ready', specs },
+        revision: list.revision,
+    };
+}
+/** A read that may have caught Jig mid-write: worth one more try before it is believed. */
+const torn = (read) => read.view.state === 'unreadable' || read.view.state === 'incompatible';
+/**
+ * The local adapter: the registry in the config directory, Jig run in each main checkout, and a
+ * Watcher on each project's `.ai/` while someone listens. Then reads are served from what the
+ * watch last read, and a change is signalled only when a new read differs from it.
+ */
+export function localSource(configDir, { rescanMs = 60_000, quietMs, maxWaitMs } = {}) {
+    const entries = new Map();
+    const listeners = new Set();
+    let rescan;
+    /** Counts the times following started; a read that finishes after a stop belongs to none. */
+    let session = 0;
+    const following = () => rescan !== undefined;
+    const entryOf = (project) => {
+        let entry = entries.get(project.id);
+        if (!entry)
+            entries.set(project.id, (entry = { project, held: false, dirty: false }));
+        return entry;
+    };
+    /** Keeps what was shown over one torn read; otherwise the read is what the project shows. */
+    function settle(entry, read) {
+        if (torn(read) && entry.shown && !torn(entry.shown) && !entry.held) {
+            entry.held = true;
+            return;
+        }
+        entry.held = false;
+        entry.shown = read;
+        entry.readIn = following() ? session : undefined;
+    }
+    /** Reads the project again — one read at a time — and signals when what it shows changed. */
+    function refresh(entry) {
+        if (entry.reading) {
+            entry.dirty = true;
+            return entry.reading;
+        }
+        entry.reading = (async () => {
+            do {
+                entry.dirty = false;
+                const before = JSON.stringify(entry.shown);
+                settle(entry, await readProject(entry.project));
+                if (following() && entries.get(entry.project.id) === entry && JSON.stringify(entry.shown) !== before) {
+                    signal({ id: entry.project.id, revision: entry.shown?.revision ?? null });
+                }
+            } while (entry.dirty);
+        })().finally(() => (entry.reading = undefined));
+        return entry.reading;
+    }
+    function signal(change) {
+        for (const listener of listeners)
+            listener(change);
+    }
+    /** What the project shows: from the watch while following, read through Jig otherwise. */
+    async function shown(project) {
+        const entry = entryOf(project);
+        if (!(following() && entry.shown && entry.readIn === session))
+            await (entry.reading ?? refresh(entry));
+        return entry.shown;
+    }
+    function follow(entry) {
+        if (entry.watch?.open)
+            return;
+        entry.watch = watchTree(watchDir(entry.project.path), {
+            ignore: writtenByReads,
+            onChange: () => void refresh(entry),
+            quietMs,
+            maxWaitMs,
+        });
+    }
+    /**
+     * Follows every registered project and reads it again; forgets one no longer registered, such as
+     * one a read in flight brought back after its disconnect.
+     */
+    async function sweep() {
+        // An unreadable registry is the page's to show, through its own read.
+        const projects = await readProjects(configDir).catch(() => undefined);
+        if (!projects || !following())
+            return;
+        const ids = new Set(projects.map((p) => p.id));
+        for (const [id, entry] of entries) {
+            if (ids.has(id))
+                continue;
+            entry.watch?.close();
+            entries.delete(id);
+        }
+        for (const project of projects) {
+            const entry = entryOf(project);
+            follow(entry); // a watcher that failed, or a directory that came back
+            void refresh(entry);
+        }
+    }
+    function start() {
+        session++;
+        rescan = setInterval(() => void sweep(), rescanMs);
+        rescan.unref();
+        void sweep();
+    }
+    /** Stops following; what was read while following may be old by the next subscribe, so it goes. */
+    function stop() {
+        clearInterval(rescan);
+        rescan = undefined;
+        for (const entry of entries.values()) {
+            entry.watch?.close();
+            entry.watch = undefined;
+            entry.shown = undefined;
+            entry.held = false;
+        }
+    }
+    return {
+        async workspace() {
+            return Promise.all((await readProjects(configDir)).map(async (p) => (await shown(p)).view));
+        },
+        async connect(path) {
+            const found = await connectable(path);
+            if ('code' in found)
+                return found;
+            const { project, created } = await addProject(configDir, found.root);
+            const entry = entryOf(project);
+            if (following())
+                follow(entry);
+            await refresh(entry);
+            return { project: entry.shown.view, created };
+        },
+        async tasks(id) {
+            const project = (await readProjects(configDir)).find((p) => p.id === id);
+            return project && (await shown(project)).tasks;
+        },
+        async task(id, taskId) {
+            const project = (await readProjects(configDir)).find((p) => p.id === id);
+            if (!project)
+                return undefined;
+            const read = await shown(project);
+            if (read.tasks.state !== 'ready')
+                return read.tasks;
+            return { state: 'ready', task: read.details.find((t) => t.id === taskId) ?? null };
+        },
+        async specs(id) {
+            const project = (await readProjects(configDir)).find((p) => p.id === id);
+            return project && (await shown(project)).specs;
+        },
+        async disconnect(id) {
+            if (!(await removeProject(configDir, id)))
+                return false;
+            entries.get(id)?.watch?.close();
+            entries.delete(id);
+            if (following())
+                signal({ id, revision: null });
+            return true;
+        },
+        subscribe(listener) {
+            listeners.add(listener);
+            if (!following())
+                start();
+            return () => {
+                if (listeners.delete(listener) && listeners.size === 0)
+                    stop();
+            };
+        },
+    };
 }

package/dist/source/project-source.js

@@ -0,0 +1 @@
+export { RegistryUnreadable } from '../registry/projects.js';

package/dist/watch/watch.js

@@ -0,0 +1,56 @@
+import { existsSync, watch } from 'node:fs';
+/**
+ * Calls `onChange`, debounced, when anything under `dir` changes. It says only that something
+ * changed: an event is never read as data. A system watcher that fails becomes one change.
+ */
+export function watchTree(dir, { ignore, onChange, quietMs = 1_000, maxWaitMs = 2_000 }) {
+    let quiet;
+    let first;
+    let watcher;
+    const settle = () => {
+        clearTimeout(quiet);
+        clearTimeout(first);
+        quiet = first = undefined;
+    };
+    const fire = () => {
+        settle();
+        onChange();
+    };
+    const close = () => {
+        settle();
+        watcher?.close();
+        watcher = undefined;
+    };
+    // Node 24.16-24.21 on Linux do not throw for a missing directory (24.0-24.15, 24.22 and macOS do): ask first.
+    if (!existsSync(dir))
+        return { open: false, close };
+    try {
+        watcher = watch(dir, { recursive: true }, (_event, file) => {
+            // Linux keeps watching a removed directory's inode and never says it is gone: close, so the owner watches it again.
+            if (!existsSync(dir)) {
+                close();
+                onChange();
+                return;
+            }
+            // Some systems name no file; that is still a change.
+            if (file !== null && ignore(file.replaceAll('\\', '/')))
+                return;
+            clearTimeout(quiet);
+            quiet = setTimeout(fire, quietMs);
+            first ??= setTimeout(fire, maxWaitMs);
+        });
+        watcher.on('error', () => {
+            close();
+            onChange();
+        });
+    }
+    catch {
+        watcher = undefined; // the directory is not there: the owner's next read says so
+    }
+    return {
+        get open() {
+            return watcher !== undefined;
+        },
+        close,
+    };
+}

package/dist/web/assets/CanvasView-kgt4JQsV.js

@@ -0,0 +1 @@
+import{A as e,B as t,C as n,D as r,E as i,F as a,G as o,H as s,I as c,J as l,K as u,L as d,M as f,N as p,O as m,P as h,R as g,S as _,T as v,U as y,V as ee,W as b,X as x,Y as te,_ as ne,a as re,b as ie,c as ae,d as oe,f as S,g as C,h as w,i as T,j as se,k as E,l as D,m as ce,n as O,o as k,p as le,q as A,r as ue,s as de,t as fe,u as pe,v as j,w as M,x as N,y as P,z as F}from"./index-CYfTN3Dj.js";var I=t({__name:`BaseSeparator`,props:{orientation:{type:String,required:!1,default:`horizontal`},decorative:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let t=e,n=[`horizontal`,`vertical`];function r(e){return n.includes(e)}let c=p(()=>r(t.orientation)?t.orientation:`horizontal`),l=p(()=>c.value===`vertical`?t.orientation:void 0),d=p(()=>t.decorative?{role:`none`}:{"aria-orientation":l.value,role:`separator`});return(t,n)=>(y(),a(A(i),s({as:e.as,"as-child":e.asChild,"data-orientation":c.value},d.value),{default:u(()=>[o(t.$slots,`default`)]),_:3},16,[`as`,`as-child`,`data-orientation`]))}}),L=t({__name:`Separator`,props:{orientation:{type:String,required:!1,default:`horizontal`},decorative:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let t=e;return(e,n)=>(y(),a(I,te(ee(t)),{default:u(()=>[o(e.$slots,`default`)]),_:3},16))}}),R=t({__name:`CardContent`,props:{class:{type:[Boolean,null,String,Object,Array]}},setup(e){let t=e;return(e,n)=>(y(),d(`div`,{"data-slot":`card-content`,class:l(A(r)(`px-4 group-data-[size=sm]/card:px-3`,t.class))},[o(e.$slots,`default`)],2))}}),z=t({__name:`CardDescription`,props:{class:{type:[Boolean,null,String,Object,Array]}},setup(e){let t=e;return(e,n)=>(y(),d(`div`,{"data-slot":`card-description`,class:l(A(r)(`text-xs/relaxed text-muted-foreground`,t.class))},[o(e.$slots,`default`)],2))}}),B=t({__name:`CardHeader`,props:{class:{type:[Boolean,null,String,Object,Array]}},setup(e){let t=e;return(e,n)=>(y(),d(`div`,{"data-slot":`card-header`,class:l(A(r)(`group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-none px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3`,t.class))},[o(e.$slots,`default`)],2))}}),me=t({__name:`CardTitle`,props:{class:{type:[Boolean,null,String,Object,Array]}},setup(e){let t=e;return(e,n)=>(y(),d(`div`,{"data-slot":`card-title`,class:l(A(r)(`cn-font-heading text-sm font-medium group-data-[size=sm]/card:text-sm`,t.class))},[o(e.$slots,`default`)],2))}}),V=t({__name:`Separator`,props:{orientation:{default:`horizontal`},decorative:{type:Boolean,default:!0},asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(e){let t=e,n=S(t,`class`);return(e,i)=>(y(),a(A(L),s({"data-slot":`separator`},A(n),{class:A(r)(`shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch`,t.class)}),null,16,[`class`]))}}),he=[`aria-label`],ge={class:`flex items-baseline gap-3 border-b bg-muted/50 px-4 py-2`},_e={class:`font-semibold tracking-wider uppercase`},ve={key:0,class:`text-muted-foreground`},ye={class:`grid grid-cols-1 divide-y lg:grid-cols-2 lg:divide-x lg:divide-y-0`},H=t({__name:`CanvasSection`,props:{title:{},note:{}},setup(e){return(t,n)=>(y(),d(`section`,{"aria-label":e.title,class:`border-b`},[h(`h2`,ge,[h(`span`,_e,x(e.title),1),e.note?(y(),d(`span`,ve,x(e.note),1)):c(``,!0)]),h(`div`,ye,[(y(),d(f,null,b([`light`,`dark`],e=>h(`div`,{key:e,class:l([e,`flex flex-col gap-4 bg-background p-4 text-foreground`])},[o(t.$slots,`default`)],2)),64))])],8,he))}}),U=(e,t)=>({id:e,class:`T2`,status:`active`,goal:null,paused:!1,started:!0,gate:null,autopilot:null,pullRequest:null,...t}),W=(e,t)=>({url:`https://github.com/fapost-lab/jig-ui/pull/18`,state:e,ci:t,fetchedAt:`2026-10-18T09:40:00Z`}),G=[U(`design-system`,{class:`T3`,gate:`waiting`,goal:`shadcn-vue on Tailwind v4 with light and dark themes; #/canvas with every component in every variant; the three screens rebuilt on it.`}),U(`registry-schema`,{gate:`changed`,goal:`Version the registry file so a newer Jig UI can read an older one.`}),U(`pause-request`,{class:`T3`,autopilot:`stopped`,goal:`A drop on the paused column writes a sticky request through Jig; the card shows it with its age and a cancel.`}),U(`specs-and-epics`,{autopilot:`on`,goal:`Show each spec with its phases, progress and epic branch beside the board, from Jig's spec list.`}),U(`task-details`,{status:`ready`,pullRequest:W(`open`,`green`),goal:`Open a task's details from its card.`}),U(`refusal-fixture`,{class:`T0`,status:`ready`,pullRequest:W(`open`,`red`),goal:`Replace the refusal text in task-list-states.json with one Jig prints.`}),U(`docs-board`,{class:`T1`,status:`ready`,pullRequest:W(`open`,`pending`),goal:`Describe the five columns on the projects page of the docs.`}),U(`live-updates`,{status:`ready`,pullRequest:W(`merged`,`none`),goal:`Follow connected projects without a reload.`}),U(`no-pr-yet`,{class:`T1`,status:`ready`,goal:`Ready, nothing pushed.`}),U(`jig-init-hook`,{class:`T3`,paused:!0,goal:`Register a project in an installed Jig UI from jig init.`}),U(`file-backlog-task`,{class:null,started:!1,goal:`File a minimal backlog task from the page through jig task new.`}),U(`a-task-with-a-rather-long-identifier-that-wraps`,{goal:null})],be=[{id:`needs-you`,title:`Needs you`,count:3},{id:`in-progress`,title:`In progress`,count:1},{id:`ready`,title:`Ready`,count:5},{id:`backlog`,title:`Backlog`,count:1},{id:`paused`,title:`Paused`,count:1},{id:`unknown`,title:`A column this page does not know`,count:0}],K=[{kind:`gate`,subject:{type:`task`,id:`design-system`},title:`Design waits at its gate`,detail:null,todo:`Review the design and approve it: jig task gate design-system approved`,url:null},{kind:`pull-request-ci-failed`,subject:{type:`task`,id:`refusal-fixture`},title:`CI failed`,detail:`pull request #19`,todo:`Look at the failing check.`,url:`https://github.com/fapost-lab/jig-ui/pull/19`},{kind:`housekeeping`,subject:{type:`project`,id:null},title:`Housekeeping never ran`,detail:null,todo:`Run jig housekeeping.`,url:`https://example.com/docs`}],q=[{id:`approve-gate`,command:`jig task gate design-system approved`},{id:`answer-stop`,command:`jig task autopilot pause-request resume --answer <text>`},{id:`pause`,command:`jig task pause design-system`},{id:`something-new`,command:`jig task something-new design-system`}],J={state:`ready`,issue:null,baseBranch:`main`,createdAt:`2026-10-17`,updatedAt:`2026-10-18`,knowledgeConsolidated:!1,worktree:null,gateBy:null,run:null,housekeepingFlags:[],attention:[]},Y=[{...J,...G[2],gate:`approved`,gateBy:`human`,branch:`task/pause-request`,worktree:{uncommitted:4},issue:`#42`,pullRequest:W(`open`,`red`),run:{mode:`attended`,stage:`implement`,stageAt:`2026-10-18T09:00:00Z`,stopReason:`Which column takes a paused task that already has an open pull request?`,stopAt:`2026-10-18T09:12:00Z`,phase:null},housekeepingFlags:[`needs-consolidation`],attention:[K[0]],actions:q,column:{id:`needs-you`,title:`Needs you`}},{...J,...G[10],branch:null,actions:[{id:`start`,command:`jig task start file-backlog-task`}],column:{id:`backlog`,title:`Backlog`}}],X=(e,t={})=>({id:e,state:`ready`,jigVersion:`0.29.0`,counts:{active:11,paused:1,ready:3},attention:[],housekeepingStale:!1,...t}),Z=[X(`jig-ui`,{attention:K,housekeepingStale:!0}),X(`nextjs-store`,{counts:{active:0,paused:0,ready:0}}),{id:`old-jig`,state:`unsupported`,jigVersion:`0.26.0`,minimum:`0.29.0`},{id:`new-jig`,state:`incompatible`,jigVersion:`1.0.0`},{id:`busy`,state:`unreadable`,code:`locked`},{id:`moved`,state:`unavailable`,reason:`missing`}],Q=[{text:"`design-system` — design system and canvas",checked:!0,task:`design-system`,fog:!1},{text:"`specs-and-epics` — specs and epics (after: project board — `jig spec list`)",checked:!1,task:`specs-and-epics`,fog:!1},{text:"`old-task` — a task no longer live",checked:!1,task:`old-task`,fog:!1},{text:`invoices from orders, no task filed yet`,checked:!1,task:null,fog:!1},{text:"fog: registration by `jig init`",checked:!1,task:null,fog:!0}],xe=[{id:`jig-ui`,title:`Jig UI — a local control center for Jig projects`,missingFiles:[],release:null,epic:null,progress:{done:2,total:6,filed:2,fog:1},phases:[{phase:0,title:`Package and release`,done:1,total:1,filed:0,fog:0,items:[{...Q[0],text:`package and release`,task:null}]},{phase:1,title:`Read-only UI`,done:1,total:5,filed:2,fog:1,items:Q}]},{id:`billing`,title:`Billing in one place`,missingFiles:[],release:`minor`,epic:{branch:`epic/billing`,state:`open`,checkedOut:!1,missing:!1,fetched:!0},progress:{done:0,total:1,filed:0,fog:0},phases:[{phase:null,title:null,done:0,total:1,filed:0,fog:0,items:[Q[3]]}]},{id:`lost-epic`,title:`An epic whose branch is gone`,missingFiles:[],release:`major`,epic:{branch:`epic/lost`,state:`open`,checkedOut:!0,missing:!0,fetched:!1},progress:null,phases:[]},{id:`half-written`,title:null,missingFiles:[`spec.md`,`roadmap.md`],release:null,epic:null,progress:null,phases:[]}],Se={class:`flex gap-4`},Ce={class:`w-24 text-muted-foreground`},$={class:`flex items-center gap-2`},we={class:`flex flex-wrap gap-2`},Te={class:`flex max-w-sm flex-col gap-2`},Ee={class:`flex h-5 items-center gap-2`},De={class:`grid grid-cols-2 gap-2 xl:grid-cols-3`},Oe=t({__name:`CanvasView`,setup(t){let r=[`default`,`secondary`,`outline`,`ghost`,`destructive`,`link`],i=[`xs`,`sm`,`default`,`lg`],o=[`icon-xs`,`icon-sm`,`icon`,`icon-lg`],s=[`default`,`secondary`,`outline`,`ghost`,`destructive`,`link`],c=[`attention`,`good`,`bad`,`quiet`];return(t,p)=>(y(),d(`div`,null,[p[12]||=h(`div`,{class:`border-b px-4 py-3`},[h(`h1`,{class:`font-semibold tracking-wider uppercase`},`Canvas`),h(`p`,{class:`text-muted-foreground`},`Every component of the page in every variant and state; the left panel light, the right dark.`)],-1),F(H,{title:`Tones`,note:`lib/tones.ts — the only colours with a meaning`},{default:u(()=>[(y(),d(f,null,b(c,t=>h(`p`,{key:t,class:l(A(e)[t])},x(t)+` as a rule`,3)),64)),h(`p`,Se,[(y(),d(f,null,b(c,e=>h(`span`,{key:e,class:l(A(se)[e])},x(e),3)),64))])]),_:1}),p[13]||=h(`h2`,{class:`border-b px-4 py-2 font-bold tracking-widest uppercase`},`components/ui`,-1),F(H,{title:`Button`,note:`variant × size; icon sizes; disabled`},{default:u(()=>[(y(),d(f,null,b(r,e=>h(`div`,{key:e,class:`flex flex-wrap items-center gap-2`},[h(`span`,Ce,x(e),1),(y(),d(f,null,b(i,t=>F(A(v),{key:t,variant:e,size:t},{default:u(()=>[g(x(t),1)]),_:2},1032,[`variant`,`size`])),64)),F(A(v),{variant:e,disabled:``},{default:u(()=>[...p[0]||=[g(`disabled`,-1)]]),_:1},8,[`variant`])])),64)),h(`div`,$,[p[2]||=h(`span`,{class:`w-24 text-muted-foreground`},`icon`,-1),(y(),d(f,null,b(o,e=>F(A(v),{key:e,variant:`outline`,size:e,"aria-label":e},{default:u(()=>[F(A(m))]),_:1},8,[`size`,`aria-label`])),64)),F(A(v),{variant:`outline`,size:`sm`},{default:u(()=>[F(A(m),{"data-icon":`inline-start`}),p[1]||=g(`with icon`,-1)]),_:1})])]),_:1}),F(H,{title:`Badge`},{default:u(()=>[h(`div`,we,[(y(),d(f,null,b(s,e=>F(A(oe),{key:e,variant:e},{default:u(()=>[g(x(e),1)]),_:2},1032,[`variant`])),64))])]),_:1}),F(H,{title:`Card`},{default:u(()=>[F(A(pe),{class:`max-w-sm`},{default:u(()=>[F(A(B),null,{default:u(()=>[F(A(me),null,{default:u(()=>[...p[3]||=[g(`Card title`,-1)]]),_:1}),F(A(z),null,{default:u(()=>[...p[4]||=[g(`Card description, muted.`,-1)]]),_:1})]),_:1}),F(A(R),null,{default:u(()=>[...p[5]||=[g(`Card content.`,-1)]]),_:1})]),_:1})]),_:1}),F(H,{title:`Input and Label`,note:`empty, filled, invalid, disabled`},{default:u(()=>[h(`div`,Te,[F(A(ue),null,{default:u(()=>[...p[6]||=[g(`Project path`,-1)]]),_:1}),F(A(T),{placeholder:`/path/to/project`}),F(A(T),{"model-value":`/Users/me/project`}),F(A(T),{"model-value":`/not/a/project`,"aria-invalid":`true`}),F(A(T),{"model-value":`disabled`,disabled:``})])]),_:1}),F(H,{title:`Separator`},{default:u(()=>[F(A(V)),h(`div`,Ee,[p[7]||=g(`left`,-1),F(A(V),{orientation:`vertical`}),p[8]||=g(`right`,-1)])]),_:1}),F(H,{title:`ToggleGroup`,note:`the Board / List switch`},{default:u(()=>[F(A(de),{type:`single`,variant:`outline`,size:`sm`,"model-value":`board`,"aria-label":`View`},{default:u(()=>[F(A(k),{value:`board`},{default:u(()=>[...p[9]||=[g(`Board`,-1)]]),_:1}),F(A(k),{value:`list`},{default:u(()=>[...p[10]||=[g(`List`,-1)]]),_:1})]),_:1})]),_:1}),F(H,{title:`Collapsible`,note:`open and folded`},{default:u(()=>[(y(),d(f,null,b([!0,!1],e=>F(A(_),{key:String(e),"default-open":e},{default:u(()=>[F(A(ie),{class:`w-full border-b bg-muted/50 px-3 py-1.5 text-left`},{default:u(()=>[g(`Trigger (`+x(e?`open`:`folded`)+`)`,1)]),_:2},1024),F(A(N),{class:`px-3 py-2`},{default:u(()=>[...p[11]||=[g(`Content`,-1)]]),_:1})]),_:2},1032,[`default-open`])),64))]),_:1}),p[14]||=h(`h2`,{class:`border-b px-4 py-2 font-bold tracking-widest uppercase`},`components`,-1),F(H,{title:`ProjectTabs`,note:`on the workspace; on a project; empty`},{default:u(()=>[F(E,{projects:A(Z),version:`0.1.0`},{default:u(()=>[F(M)]),_:1},8,[`projects`]),F(E,{projects:A(Z),current:`jig-ui`,version:`0.1.0`},null,8,[`projects`]),F(E,{projects:[]})]),_:1}),F(H,{title:`ThemeToggle`,note:`switches the whole page; the icon is the theme it switches to`},{default:u(()=>[h(`div`,null,[F(M)])]),_:1}),F(H,{title:`ProjectCard`,note:`ready with attention and stale housekeeping; nothing needs you; each state it cannot be read in`},{default:u(()=>[(y(!0),d(f,null,b(A(Z),e=>(y(),a(fe,{key:e.id,project:e},null,8,[`project`]))),128))]),_:1}),F(H,{title:`ConnectForm`,note:`idle, busy, refused`},{default:u(()=>[F(O,{busy:!1}),F(O,{busy:!0,"model-value":`/Users/me/project`}),F(O,{busy:!1,"model-value":`/Users/me/project/.claude/worktrees/x`,refusal:`That is a worktree. Connect the main checkout instead.`})]),_:1}),F(H,{title:`AttentionItem`,note:`no link; a pull request; another link`},{default:u(()=>[(y(!0),d(f,null,b(A(K),(e,t)=>(y(),a(re,{key:t,item:e},null,8,[`item`]))),128))]),_:1}),F(H,{title:`ColumnHeader`,note:`each column, and one this page does not know`},{default:u(()=>[(y(!0),d(f,null,b(A(be),e=>(y(),a(n,{id:e.id,key:e.id,title:e.title,count:e.count},null,8,[`id`,`title`,`count`]))),128))]),_:1}),F(H,{title:`TaskCard`,note:`every note a card carries; open with details, while reading, unreadable`},{default:u(()=>[h(`div`,De,[(y(!0),d(f,null,b(A(G),e=>(y(),a(D,{key:e.id,project:`jig-ui`,task:e,open:!1},null,8,[`task`]))),128)),F(D,{project:`jig-ui`,task:A(G)[2],open:!0,details:A(Y)[0]},null,8,[`task`,`details`]),F(D,{project:`jig-ui`,task:A(G)[0],open:!0},null,8,[`task`]),F(D,{project:`jig-ui`,task:A(G)[1],open:!0,details:`unavailable`},null,8,[`task`])])]),_:1}),F(H,{title:`TaskRow`,note:`each note; selected`},{default:u(()=>[h(`div`,null,[(y(!0),d(f,null,b(A(G),(e,t)=>(y(),a(ae,{key:e.id,task:e,selected:t===2},null,8,[`task`,`selected`]))),128))])]),_:1}),F(H,{title:`TaskFacts`,note:`everything a task can carry; a task not started`},{default:u(()=>[(y(!0),d(f,null,b(A(Y),e=>(y(),a(ce,{key:e.id,details:e,class:`border-b pb-3`},null,8,[`details`]))),128))]),_:1}),F(H,{title:`TaskBrief`,note:`facts, actions and the link to the full page`},{default:u(()=>[F(le,{project:`jig-ui`,task:A(Y)[1].id,details:A(Y)[1]},null,8,[`task`,`details`])]),_:1}),F(H,{title:`ActionList`,note:`Jig's offers, one unknown id; none`},{default:u(()=>[F(w,{actions:A(q)},null,8,[`actions`]),F(w,{actions:[]})]),_:1}),F(H,{title:`CopyCommand`,note:`short; long enough to be cut`},{default:u(()=>[F(C,{command:`jig task pause design-system`}),F(C,{command:`jig task autopilot a-task-with-a-rather-long-identifier-that-wraps resume --answer 'a long answer to the question'`,class:`max-w-xs`})]),_:1}),F(H,{title:`ProgressBar`,note:`none, part, all, an empty roadmap`},{default:u(()=>[(y(),d(f,null,b([[0,4],[3,9],[5,5],[0,0]],([e,t])=>F(P,{key:`${e}/${t}`,done:e,total:t},null,8,[`done`,`total`])),64))]),_:1}),F(H,{title:`SpecItemRow`,note:`done with a live task; open with dependencies; a task no longer live; no task; fog`},{default:u(()=>[h(`ul`,null,[(y(!0),d(f,null,b(A(Q),(e,t)=>(y(),a(j,{key:t,item:e,project:`jig-ui`,live:t<2},null,8,[`item`,`live`]))),128))])]),_:1}),F(H,{title:`SpecCard`,note:`no epic, a finished phase folded; an open epic as of the last fetch; a lost epic branch; missing files`},{default:u(()=>[(y(!0),d(f,null,b(A(xe),e=>(y(),a(ne,{key:e.id,spec:e,project:`jig-ui`,live:[`design-system`,`specs-and-epics`]},null,8,[`spec`]))),128))]),_:1})]))}});export{Oe as default};