soja-cli 1.5.1 → 1.6.1

package/dist/database/migrations/meta/_journal.json

@@ -50,6 +50,27 @@
       "when": 1790294003288,
       "tag": "0006_archive",
       "breakpoints": true
+    },
+    {
+      "idx": 7,
+      "version": "6",
+      "when": 1790297600000,
+      "tag": "0007_finances",
+      "breakpoints": true
+    },
+    {
+      "idx": 8,
+      "version": "6",
+      "when": 1790448915874,
+      "tag": "0008_finances_designates",
+      "breakpoints": true
+    },
+    {
+      "idx": 9,
+      "version": "6",
+      "when": 1790453289569,
+      "tag": "0009_external_approval",
+      "breakpoints": true
     }
   ]
 }

package/dist/database/schema.js

@@ -32,6 +32,7 @@ export const workspaceMembers = sqliteTable('workspace_members', {
         .notNull()
         .references(() => users.id, { onDelete: 'cascade' }),
     role: text('role', { enum: WORKSPACE_ROLES }).notNull(),
+    designated: integer('designated', { mode: 'boolean' }).notNull().default(false),
 }, (t) => [primaryKey({ columns: [t.workspaceId, t.userId] }), check('workspace_members_role', oneOf('role', WORKSPACE_ROLES))]);
 export const projects = sqliteTable('projects', {
     id: text('id').primaryKey(),
@@ -62,6 +63,10 @@ export const tasks = sqliteTable('tasks', {
         .notNull()
         .references(() => users.id),
     requester: text('requester'),
+    remunerated: integer('remunerated', { mode: 'boolean' }).notNull().default(false),
+    priceMinor: integer('price_minor'),
+    currencyCode: text('currency_code'),
+    externalApprovalStatus: text('external_approval_status', { enum: ['pending', 'approved', 'rejected'] }),
     branch: text('branch'),
     baseBranch: text('base_branch'),
     branchStart: text('branch_start'),
@@ -77,6 +82,8 @@ export const tasks = sqliteTable('tasks', {
     check('tasks_type', oneOf('type', TASK_TYPES)),
     check('tasks_priority', oneOf('priority', TASK_PRIORITIES)),
     check('tasks_status', oneOf('status', TASK_STATUSES)),
+    check('tasks_price_nonnegative', sql.raw('price_minor IS NULL OR price_minor >= 0')),
+    check('tasks_remuneration_fields', sql.raw('(remunerated = 0 AND price_minor IS NULL AND currency_code IS NULL) OR (remunerated = 1 AND price_minor IS NOT NULL AND currency_code IS NOT NULL)')),
 ]);
 export const taskComments = sqliteTable('task_comments', {
     id: text('id').primaryKey(),

package/dist/ui/Shell.js

@@ -27,6 +27,7 @@ import { TaskScreen } from './screens/TaskScreen.js';
 import { WorkspacesScreen } from './screens/WorkspacesScreen.js';
 import { ChatScreen } from './screens/ChatScreen.js';
 import { AccessScreen } from './screens/AccessScreen.js';
+import { FinanceScreen } from './screens/FinanceScreen.js';
 import { ApiClient } from '../data/remote/api-client.js';
 import { CredentialStore } from '../config/credentials.js';
 import { resolvePaths } from '../config/paths.js';
@@ -90,6 +91,8 @@ function Frame() {
             go({ type: 'push', route: { name: 'projects' } });
         else if (input === 'w')
             go({ type: 'push', route: { name: 'workspaces' } });
+        else if (input === 'f' && services.finance)
+            go({ type: 'push', route: { name: 'finance' } });
         else if (input === 'A')
             go({ type: 'push', route: { name: 'access' } });
         else if (input === 'M')
@@ -131,6 +134,8 @@ function ScreenFor({ route, active }) {
             return _jsx(TaskListScreen, { active: active, projectId: route.projectId });
         case 'workspaces':
             return _jsx(WorkspacesScreen, { active: active });
+        case 'finance':
+            return _jsx(FinanceScreen, { active: active });
         case 'access':
             return _jsx(AccessScreen, { active: active });
         case 'help':
@@ -169,6 +174,8 @@ function trailFor(route, projectName) {
             return ['Projects'];
         case 'workspaces':
             return ['Workspaces'];
+        case 'finance':
+            return ['Finance'];
         case 'access':
             return ['Access approvals'];
         case 'help':

package/dist/ui/chrome/Sidebar.js

@@ -38,7 +38,7 @@ export function Sidebar({ width, height, active }) {
     const openChannels = (channels.data ?? []).filter((channel) => !channel.archivedAt);
     // Leave room for the sections that follow; long lists are cut with a "more" line.
     const projectRows = Math.max(1, height - VIEWS.length - 8 - (chat ? Math.min(openChannels.length, 5) + 2 : 0));
-    return (_jsxs(Box, { flexDirection: "column", width: width, height: height, flexShrink: 0, paddingX: 1, overflow: "hidden", children: [_jsx(Section, { title: "TASKS" }), VIEWS.map((view) => (_jsx(Item, { label: VIEW_LABELS[view], count: counts.data?.[view], selected: onHome && homeFilter === view, onClick: () => openView(view), active: active }, view))), chat ? (_jsxs(_Fragment, { children: [_jsx(Section, { title: "CHAT" }), openChannels.slice(0, 5).map((channel) => (_jsx(Item, { label: `#${channel.name}`, count: channel.unread || undefined, highlight: channel.mentions > 0 ? 'mention' : channel.unread > 0 ? 'unread' : undefined, selected: route.name === 'chat' && route.channel === channel.name, onClick: () => open({ name: 'chat', channel: channel.name }), active: active }, channel.id)))] })) : null, _jsx(Section, { title: "PROJECTS" }), (projects.data ?? []).slice(0, projectRows).map((project) => (_jsx(Item, { label: project.name, count: project.active || undefined, selected: route.name === 'project' && route.projectId === project.id, onClick: () => open({ name: 'project', projectId: project.id }), active: active }, project.id))), (projects.data?.length ?? 0) > projectRows ? (_jsx(Item, { label: `${symbols.ellipsis} all projects`, selected: route.name === 'projects', onClick: () => open({ name: 'projects' }), active: active, muted: true })) : null, (projects.data?.length ?? 0) === 0 && !projects.loading ? _jsx(Text, { color: palette.faint, children: '  none yet · p' }) : null] }));
+    return (_jsxs(Box, { flexDirection: "column", width: width, height: height, flexShrink: 0, paddingX: 1, overflow: "hidden", children: [_jsx(Section, { title: "TASKS" }), VIEWS.map((view) => (_jsx(Item, { label: VIEW_LABELS[view], count: counts.data?.[view], selected: onHome && homeFilter === view, onClick: () => openView(view), active: active }, view))), chat ? (_jsxs(_Fragment, { children: [_jsx(Section, { title: "CHAT" }), openChannels.slice(0, 5).map((channel) => (_jsx(Item, { label: `#${channel.name}`, count: channel.unread || undefined, highlight: channel.mentions > 0 ? 'mention' : channel.unread > 0 ? 'unread' : undefined, selected: route.name === 'chat' && route.channel === channel.name, onClick: () => open({ name: 'chat', channel: channel.name }), active: active }, channel.id)))] })) : null, services.finance ? (_jsxs(_Fragment, { children: [_jsx(Section, { title: "REPORTS" }), _jsx(Item, { label: "Finance & performance", selected: route.name === 'finance', onClick: () => open({ name: 'finance' }), active: active })] })) : null, _jsx(Section, { title: "PROJECTS" }), (projects.data ?? []).slice(0, projectRows).map((project) => (_jsx(Item, { label: project.name, count: project.active || undefined, selected: route.name === 'project' && route.projectId === project.id, onClick: () => open({ name: 'project', projectId: project.id }), active: active }, project.id))), (projects.data?.length ?? 0) > projectRows ? (_jsx(Item, { label: `${symbols.ellipsis} all projects`, selected: route.name === 'projects', onClick: () => open({ name: 'projects' }), active: active, muted: true })) : null, (projects.data?.length ?? 0) === 0 && !projects.loading ? _jsx(Text, { color: palette.faint, children: '  none yet · p' }) : null] }));
 }
 function Section({ title }) {
     return (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: palette.faint, bold: true, children: title }) }));

package/dist/ui/components/TaskTable.js

@@ -29,7 +29,7 @@ export function TaskTable({ tasks, selected, offset, height, width, showAssignee
                                 const pr = pullRequests?.get(task.id);
                                 const bg = isSelected ? { backgroundColor: palette.selection } : {};
                                 const closed = task.status === 'cancelled' || task.status === 'done';
-                                return (_jsx(Clickable, { layer: layer, active: active, width: "100%", onClick: () => (isSelected ? onOpen?.(index) : onSelect?.(index)), children: _jsxs(Box, { flexGrow: 1, ...bg, children: [_jsx(Box, { width: 2, flexShrink: 0, children: _jsx(Text, { color: palette.accent, ...bg, children: isSelected ? `${symbols.pointer} ` : '  ' }) }), _jsx(Box, { width: columns.ref, flexShrink: 0, children: _jsx(Text, { color: isSelected ? palette.accent : palette.muted, bold: isSelected, ...bg, children: task.ref }) }), _jsx(Box, { width: columns.priority, flexShrink: 0, children: _jsx(PriorityMeter, { priority: task.priority, label: columns.priorityLabel, background: bg.backgroundColor }) }), _jsx(Box, { width: columns.status, flexShrink: 0, children: _jsx(StatusBadge, { status: task.status, glyphOnly: columns.statusGlyphOnly }) }), columns.project ? (_jsx(Box, { width: columns.project, flexShrink: 0, paddingRight: 1, children: _jsx(Text, { color: task.project ? palette.muted : palette.faint, wrap: "truncate-end", ...bg, children: task.project?.name ?? '—' }) })) : null, columns.assignee ? (_jsx(Box, { width: columns.assignee, flexShrink: 0, paddingRight: 1, children: _jsx(Text, { color: palette.muted, wrap: "truncate-end", ...bg, children: task.assignee ? `@${task.assignee.username}` : '—' }) })) : null, _jsx(Box, { flexGrow: 1, flexShrink: 1, children: _jsxs(Text, { wrap: "truncate-end", ...bg, children: [task.archivedAt ? _jsx(Text, { color: palette.faint, children: 'archived · ' }) : null, pr ? _jsx(PullRequestMark, { pr: pr }) : null, _jsx(Text, { color: closed ? palette.muted : palette.text, bold: isSelected, strikethrough: task.status === 'cancelled', children: task.title })] }) })] }) }, task.id));
+                                return (_jsx(Clickable, { layer: layer, active: active, width: "100%", onClick: () => (isSelected ? onOpen?.(index) : onSelect?.(index)), children: _jsxs(Box, { flexGrow: 1, ...bg, children: [_jsx(Box, { width: 2, flexShrink: 0, children: _jsx(Text, { color: palette.accent, ...bg, children: isSelected ? `${symbols.pointer} ` : '  ' }) }), _jsx(Box, { width: columns.ref, flexShrink: 0, children: _jsx(Text, { color: isSelected ? palette.accent : palette.muted, bold: isSelected, ...bg, children: task.ref }) }), _jsx(Box, { width: columns.priority, flexShrink: 0, children: _jsx(PriorityMeter, { priority: task.priority, label: columns.priorityLabel, background: bg.backgroundColor }) }), _jsx(Box, { width: columns.status, flexShrink: 0, children: _jsx(StatusBadge, { status: task.status, glyphOnly: columns.statusGlyphOnly }) }), columns.project ? (_jsx(Box, { width: columns.project, flexShrink: 0, paddingRight: 1, children: _jsx(Text, { color: task.project ? palette.muted : palette.faint, wrap: "truncate-end", ...bg, children: task.project?.name ?? '—' }) })) : null, columns.assignee ? (_jsx(Box, { width: columns.assignee, flexShrink: 0, paddingRight: 1, children: _jsx(Text, { color: palette.muted, wrap: "truncate-end", ...bg, children: task.assignee ? `@${task.assignee.username}` : '—' }) })) : null, _jsx(Box, { flexGrow: 1, flexShrink: 1, children: _jsxs(Text, { wrap: "truncate-end", ...bg, children: [task.archivedAt ? _jsx(Text, { color: palette.faint, children: 'archived · ' }) : null, task.remunerated ? _jsx(Text, { color: palette.success, children: '$ ' }) : null, pr ? _jsx(PullRequestMark, { pr: pr }) : null, _jsx(Text, { color: closed ? palette.muted : palette.text, bold: isSelected, strikethrough: task.status === 'cancelled', children: task.title })] }) })] }) }, task.id));
                             }) }), _jsx(ScrollBar, { total: tasks.length, visible: rows, offset: offset, height: Math.min(rows, tasks.length) })] })] }) }));
 }
 function Cell({ width, text }) {

package/dist/ui/hooks/use-commands.js

@@ -27,6 +27,7 @@ export function useCommandPalette(newTaskProjectId) {
             { id: 'new-project', label: 'New project', run: () => flows.newProject() },
             { id: 'switch-workspace', label: 'Switch workspace', run: () => flows.pickWorkspace() },
             { id: 'workspaces', label: 'Workspaces', key: 'w', run: () => go({ type: 'push', route: { name: 'workspaces' } }) },
+            ...(services.finance ? [{ id: 'finance', label: 'Finance & performance', key: 'f', run: () => go({ type: 'push', route: { name: 'finance' } }) }] : []),
             { id: 'new-workspace', label: 'New workspace', run: () => flows.newWorkspace() },
             { id: 'add-developer', label: 'Add developer', run: () => flows.addDeveloper() },
             { id: 'parent-folders', label: 'Parent folders', run: () => flows.manageParentFolders() },

package/dist/ui/hooks/use-task-actions.js

@@ -111,6 +111,42 @@ export function useTaskActions() {
                 onSubmit: (value) => update(task, { requester: value }, value.trim() ? `requested by ${value.trim()}` : 'has no requester'),
             });
         },
+        async price(task) {
+            if (!services.finance) {
+                notify('Ticket pricing requires an online workspace with finance enabled.', 'info');
+                return;
+            }
+            const summary = await services.finance.summary(session);
+            const currencyCode = task.currencyCode ?? summary.currencyCode;
+            if (!currencyCode) {
+                notify('Set the workspace currency in Finance before pricing tickets.', 'info');
+                return;
+            }
+            const digits = new Intl.NumberFormat('en', { style: 'currency', currency: currencyCode }).resolvedOptions().maximumFractionDigits ?? 2;
+            const initial = task.priceMinor === null ? '' : (task.priceMinor / 10 ** digits).toFixed(digits);
+            openOverlay({
+                kind: 'prompt',
+                title: `Ticket price (${currencyCode})`,
+                context: task.ref,
+                initial,
+                placeholder: `e.g. ${digits ? `12.${'0'.repeat(digits)}` : '12'} · or “unpaid”`,
+                onSubmit: (value) => {
+                    if (value.trim().toLowerCase() === 'unpaid')
+                        return update(task, { remunerated: false }, 'marked unpaid');
+                    const pattern = digits ? new RegExp(`^\\d+(?:\\.\\d{1,${digits}})?$`) : /^\\d+$/;
+                    if (!pattern.test(value.trim())) {
+                        notify(`Enter a non-negative amount with up to ${digits} decimal places, or “unpaid”.`, 'error');
+                        return false;
+                    }
+                    const amountMinor = Math.round(Number(value.trim()) * 10 ** digits);
+                    if (!Number.isSafeInteger(amountMinor)) {
+                        notify('That amount is too large.', 'error');
+                        return false;
+                    }
+                    return update(task, { remunerated: true, priceMinor: amountMinor, currencyCode }, `priced at ${value.trim()} ${currencyCode}`);
+                },
+            });
+        },
         title(task) {
             openOverlay({
                 kind: 'prompt',

package/dist/ui/screens/FinanceScreen.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { useAppState } from '../app-state.js';
+import { EmptyState } from '../components/EmptyState.js';
+import { useLayout } from '../hooks/use-layout.js';
+import { useQuery } from '../hooks/use-query.js';
+import { Layer } from '../input/dispatcher.js';
+import { useKeys } from '../input/KeyProvider.js';
+import { Panel } from '../kit/Panel.js';
+import { ScreenFrame } from './ScreenFrame.js';
+import { palette, symbols } from '../theme/theme.js';
+const PERIODS = ['hourly', 'weekly', 'monthly', 'yearly'];
+export function FinanceScreen({ active }) {
+    const { services, session, openOverlay, run, invalidateQueries } = useAppState();
+    const { width, height } = useLayout();
+    const finance = services.finance;
+    const topic = `finance:${session.workspace.id}`;
+    const query = useQuery(() => finance ? finance.summary(session) : Promise.reject(new Error('Finance is only available in online workspaces.')), topic, [topic]);
+    const data = query.data;
+    const enoughMembers = (data?.performanceByMember.length ?? 0) >= 2;
+    useKeys(Layer.screen, (input, key) => {
+        if (!finance || key.ctrl || key.meta)
+            return false;
+        if (input === 'c') {
+            openOverlay({ kind: 'prompt', title: 'Workspace currency (ISO 4217)', initial: data?.currencyCode ?? '', placeholder: 'USD, EUR, CAD…', onSubmit: (value) => {
+                    const currencyCode = value.trim().toUpperCase();
+                    try {
+                        new Intl.NumberFormat('en', { style: 'currency', currency: currencyCode });
+                    }
+                    catch {
+                        return false;
+                    }
+                    return run(async () => {
+                        await finance.configureCurrency(session, currencyCode);
+                        invalidateQueries([topic]);
+                    }, `Workspace currency set to ${currencyCode}`);
+                } });
+            return true;
+        }
+        if (input === 's') {
+            if (!data?.currencyCode)
+                return false;
+            const digits = new Intl.NumberFormat('en', { style: 'currency', currency: data.currencyCode }).resolvedOptions().maximumFractionDigits ?? 2;
+            openOverlay({ kind: 'prompt', title: `Your base salary (${data.currencyCode})`, initial: '', placeholder: `amount and period · e.g. ${digits ? `2500.${'0'.repeat(digits)} monthly` : '2500 monthly'}`, onSubmit: (value) => {
+                    const match = /^(\d+(?:\.\d{1,3})?)\s+(hourly|weekly|monthly|yearly)$/i.exec(value.trim());
+                    const periodText = match?.[2]?.toLowerCase();
+                    if (!match || !periodText || !PERIODS.includes(periodText))
+                        return false;
+                    const period = periodText;
+                    const amountMinor = Math.round(Number(match[1]) * 10 ** digits);
+                    if (!Number.isSafeInteger(amountMinor))
+                        return false;
+                    return run(async () => {
+                        await finance.setMySalary(session, { amountMinor, period });
+                        invalidateQueries([topic]);
+                    }, 'Your private salary setting was saved');
+                } });
+            return true;
+        }
+        return false;
+    }, active);
+    if (!finance)
+        return _jsx(ScreenFrame, { title: "Finance", hints: [['esc', 'back']], children: _jsx(EmptyState, { lines: ['Finance is available in online workspaces.'], icon: symbols.dot }) });
+    if (query.error && !data)
+        return _jsx(ScreenFrame, { title: "Finance", hints: [['esc', 'back']], children: _jsx(EmptyState, { lines: [query.error.message, query.error.hint ?? ''], icon: symbols.cross }) });
+    if (!data)
+        return _jsx(ScreenFrame, { title: "Finance", hints: [['c', 'currency'], ['s', 'salary'], ['esc', 'back']], children: "Loading finance\u2026" });
+    const compact = height < 25 || width < 75;
+    const rows = Math.max(1, Math.min(6, height - (compact ? 8 : 12)));
+    const financeMembers = data.paidByMember.slice(0, rows);
+    const currencyCode = data.currencyCode;
+    const performance = data.performanceByMember.slice(0, rows);
+    return (_jsx(ScreenFrame, { title: "Finance & performance", aside: session.workspace.name, hints: [['c', 'currency'], ['s', 'my salary'], ['esc', 'back']], children: _jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsxs(Panel, { title: "My base salary", aside: "private to you", height: 4, children: [_jsx(Text, { color: palette.text, children: data.mySalary && data.currencyCode ? `${money(data.mySalary.amountMinor, data.currencyCode)} / ${data.mySalary.period}` : 'Not set · press s' }), _jsx(Text, { color: palette.faint, children: "Excluded from ticket earnings and workspace comparisons." })] }), !data.currencyCode ? (_jsxs(Panel, { title: "Workspace currency", height: 5, children: [_jsx(Text, { color: palette.warning, children: "Not configured \u00B7 press c to choose an ISO 4217 currency." }), _jsx(Text, { color: palette.faint, children: "Ticket prices and team finance totals use one currency." })] })) : null, enoughMembers ? (_jsxs(Box, { flexDirection: compact ? 'column' : 'row', gap: 1, children: [_jsxs(Panel, { title: `Ticket earnings · ${data.currencyCode ?? '—'}`, flexGrow: 1, children: [currencyCode ? financeMembers.map((member) => _jsx(ChartRow, { label: `@${member.username}`, value: member.amountMinor, max: Math.max(1, ...financeMembers.map((row) => row.amountMinor)), text: money(member.amountMinor, currencyCode) }, member.id)) : _jsx(Text, { color: palette.faint, children: "Set the workspace currency to enable paid tickets." }), data.currencyCode && financeMembers.length === 0 ? _jsx(Text, { color: palette.faint, children: "No ticket earnings yet." }) : null, _jsx(Text, { color: palette.faint, children: "Only remunerated tickets moved to Done. Salary is excluded." })] }), _jsxs(Panel, { title: "Performance \u00B7 all ticket types", flexGrow: 1, children: [performance.map((member) => _jsx(ChartRow, { label: `@${member.username}`, value: member.ticketCount, max: Math.max(1, ...performance.map((row) => row.ticketCount)), text: `${member.ticketCount} tickets · ${member.openCount} open` }, member.id)), _jsxs(Text, { color: palette.faint, children: ["Average close time \u00B7 ", performance.map((member) => `${member.username}: ${duration(member.averageCloseMs)}`).join(' · ')] }), _jsx(Text, { color: palette.faint, children: "Open age counts every ticket; cancelled tickets are excluded from close averages." })] })] })) : (_jsx(Panel, { title: "Workspace comparisons", height: 4, children: _jsx(Text, { color: palette.faint, children: "Comparisons appear when at least two workspace members are eligible." }) })), _jsx(Text, { color: palette.faint, children: "Values are accrued in SOJA when approved and marked Done; they do not confirm a bank transfer." })] }) }));
+}
+function ChartRow({ label, value, max, text }) {
+    const bar = Math.max(value > 0 ? 1 : 0, Math.round((value / max) * 16));
+    return _jsxs(Box, { gap: 1, children: [_jsx(Box, { width: 15, children: _jsx(Text, { color: palette.muted, wrap: "truncate-end", children: label }) }), _jsxs(Text, { color: palette.accent, children: ['█'.repeat(bar), '░'.repeat(16 - bar)] }), _jsx(Text, { color: palette.text, children: text })] });
+}
+function money(amountMinor, currencyCode) {
+    const digits = new Intl.NumberFormat('en', { style: 'currency', currency: currencyCode }).resolvedOptions().maximumFractionDigits ?? 2;
+    return new Intl.NumberFormat(undefined, { style: 'currency', currency: currencyCode }).format(amountMinor / 10 ** digits);
+}
+function duration(milliseconds) {
+    if (milliseconds === null)
+        return 'no closed tickets';
+    const hours = milliseconds / 3_600_000;
+    return hours < 48 ? `${hours.toFixed(1)}h` : `${(hours / 24).toFixed(1)}d`;
+}

package/dist/ui/screens/HelpScreen.js

@@ -34,6 +34,14 @@ const SECTIONS = [
             ['x', 'Done / reopen'],
         ],
     ],
+    [
+        'Projects (online)',
+        [
+            ['i', 'Configure/export project ticket API'],
+            ['r', 'Link repository'],
+            ['e', 'Edit project'],
+        ],
+    ],
     [
         'Git (in a task)',
         [
@@ -61,6 +69,7 @@ const SECTIONS = [
             [': or ctrl+k', 'Commands'],
             ['p', 'Projects'],
             ['w', 'Workspaces'],
+            ['f', 'Finance & performance (online)'],
             ['A', 'Access approvals (CEO, remote mode)'],
             ['r', 'Link repo (in Projects)'],
         ],

package/dist/ui/screens/ProjectsScreen.js

@@ -1,5 +1,10 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { basename } from 'node:path';
+import { dirname, join, resolve } from 'node:path';
+import { homedir } from 'node:os';
+import { generateKeyPairSync } from 'node:crypto';
+import { mkdir, open as openFile, unlink } from 'node:fs/promises';
+import { resolvePaths } from '../../config/paths.js';
 import { Box, Text } from 'ink';
 import { useAppState } from '../app-state.js';
 import { EmptyState } from '../components/EmptyState.js';
@@ -15,7 +20,7 @@ import { Clickable } from '../kit/Clickable.js';
 import { Gauge } from '../kit/Gauge.js';
 import { ScreenFrame } from './ScreenFrame.js';
 export function ProjectsScreen({ active }) {
-    const { services, session, go } = useAppState();
+    const { services, session, go, openOverlay, run, notify } = useAppState();
     const { width, height } = useLayout();
     const query = useQuery(() => services.projects.list(session), `projects:${session.workspace.id}`, [`projects:${session.workspace.id}`, `tasks:${session.workspace.id}`]);
     const projects = query.data ?? [];
@@ -36,6 +41,8 @@ export function ProjectsScreen({ active }) {
             void flows.pickRepository(project);
         else if (input === 'e' && project)
             flows.editProject(project);
+        else if (input === 'i' && project && services.intake)
+            configureIntake(project);
         else
             return false;
         return true;
@@ -49,6 +56,7 @@ export function ProjectsScreen({ active }) {
             ['n', 'new project'],
             ['r', 'link repo'],
             ['e', 'edit'],
+            ...(services.intake ? [['i', 'ticket API']] : []),
             ['esc', 'back'],
         ], children: projects.length === 0 && !query.loading ? (_jsx(EmptyState, { lines: EMPTY_PROJECTS, icon: symbols.dot })) : (_jsxs(Clickable, { onWheel: (direction) => list.select(list.index + direction), active: active, flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Box, { width: 2 }), _jsx(Header, { width: 9, text: "KEY" }), _jsx(Box, { width: nameWidth, flexShrink: 0, children: _jsx(Text, { color: palette.faint, bold: true, children: "NAME" }) }), _jsx(Header, { width: 8, text: "ACTIVE", right: true }), wide ? (_jsxs(_Fragment, { children: [_jsx(Header, { width: 10, text: "PROGRESS", right: true }), _jsx(Header, { width: 8, text: "REVIEW", right: true }), _jsx(Header, { width: 9, text: "BLOCKED", right: true }), _jsx(Box, { width: 17, paddingLeft: 3, children: _jsx(Text, { color: palette.faint, bold: true, children: "DONE" }) }), _jsx(Box, { width: 16, paddingLeft: 2, children: _jsx(Text, { color: palette.faint, bold: true, children: "REPO" }) })] })) : null] }), projects.slice(list.offset, list.offset + rows - 1).map((project, position) => {
                     const index = list.offset + position;
@@ -57,6 +65,183 @@ export function ProjectsScreen({ active }) {
                     const total = Object.values(project.counts).reduce((sum, count) => sum + count, 0);
                     return (_jsx(Clickable, { active: active, onClick: () => (selected ? go({ type: 'push', route: { name: 'project', projectId: project.id } }) : list.select(index)), children: _jsxs(Box, { flexGrow: 1, ...bg, children: [_jsx(Box, { width: 2, children: _jsx(Text, { color: palette.accent, children: selected ? symbols.pointer : ' ' }) }), _jsx(Box, { width: 9, children: _jsx(Text, { color: selected ? palette.accent : palette.muted, bold: selected, children: project.key }) }), _jsx(Box, { width: nameWidth, flexShrink: 0, children: _jsx(Text, { color: palette.text, bold: selected, wrap: "truncate-end", children: project.name }) }), _jsx(Count, { width: 8, value: project.active, color: palette.text }), wide ? (_jsxs(_Fragment, { children: [_jsx(Count, { width: 10, value: project.counts.in_progress, color: palette.warning }), _jsx(Count, { width: 8, value: project.counts.review, color: palette.info }), _jsx(Count, { width: 9, value: project.counts.blocked, color: palette.danger }), _jsx(Box, { width: 17, paddingLeft: 3, children: _jsx(Gauge, { value: project.counts.done, total: total, width: 8 }) }), _jsx(Box, { width: 16, paddingLeft: 2, children: _jsx(Text, { color: project.repositoryPath ? palette.muted : palette.faint, wrap: "truncate-end", children: project.repositoryPath ? basename(project.repositoryPath) : 'not linked · r' }) })] })) : null] }) }, project.id));
                 })] })) }));
+    function configureIntake(project) {
+        if (!services.intake)
+            return;
+        const intake = services.intake;
+        openOverlay({
+            kind: 'picker',
+            title: `Ticket API · ${project.key}`,
+            context: 'workspace owner only · secrets stay on this machine until moved to Supabase',
+            options: [
+                { value: 'review', label: 'Review pending tickets', hint: 'approve or reject external requests' },
+                { value: 'configure', label: 'Configure / rotate key and export', hint: 'generates a new RSA keypair' },
+                { value: 'revoke', label: 'Revoke project integration', hint: 'stops new external tickets', tone: 'danger' },
+            ],
+            onSelect: (value) => {
+                if (value === 'review')
+                    return showReviewQueue();
+                if (value === 'configure')
+                    return beginSetup();
+                openOverlay({
+                    kind: 'confirm',
+                    title: 'Revoke ticket API?',
+                    context: project.key,
+                    message: 'External forms will stop creating tickets until this project is configured again.',
+                    confirmLabel: 'Revoke API',
+                    tone: 'danger',
+                    onConfirm: () => run(async () => intake.revoke(session, project.id), `Ticket API revoked for ${project.key}`),
+                });
+            },
+        });
+        function showReviewQueue() {
+            void intake.reviewQueue(session, project.id).then((requests) => {
+                if (!requests?.length) {
+                    notify(`No pending tickets for ${project.key}`, 'info');
+                    return;
+                }
+                openOverlay({
+                    kind: 'picker',
+                    title: `Pending tickets · ${project.key}`,
+                    context: 'Owner review · approve to publish to the team, reject to cancel',
+                    options: requests.map((request) => ({ value: request.id, label: `${request.ref} · ${request.title}`, hint: `${request.requester ?? request.email ?? request.sourceRole} · ${new Date(request.createdAt).toLocaleDateString()}` })),
+                    onSelect: (taskId) => {
+                        const request = requests.find((item) => item.id === taskId);
+                        if (!request)
+                            return;
+                        openOverlay({
+                            kind: 'picker',
+                            title: `${request.ref} · ${request.title}`,
+                            context: `${request.requester ?? request.email ?? 'External requester'} · role ${request.sourceRole}${request.description ? `\n\n${request.description}` : ''}`,
+                            options: [
+                                { value: 'approved', label: 'Approve ticket', hint: 'makes it visible to workspace members' },
+                                { value: 'rejected', label: 'Reject ticket', hint: 'marks it cancelled', tone: 'danger' },
+                            ],
+                            onSelect: (decision) => run(async () => intake.decide(session, project.id, taskId, { decision: decision }), `${request.ref} ${decision}`),
+                        });
+                    },
+                });
+            }).catch((error) => notify(error instanceof Error ? error.message : 'Could not load pending tickets', 'error'));
+        }
+        function beginSetup() {
+            const promptOrigin = (sourceIssuer) => openOverlay({
+                kind: 'prompt',
+                title: 'Allowed app origins',
+                context: 'comma separated exact origins · HTTPS only',
+                placeholder: 'https://portal.example.com',
+                onSubmit: (originInput) => {
+                    const allowedOrigins = originInput.split(',').map((value) => value.trim()).filter(Boolean);
+                    if (!allowedOrigins.length || allowedOrigins.some((value) => {
+                        try {
+                            const parsed = new URL(value);
+                            return parsed.protocol !== 'https:' || parsed.origin !== value.replace(/\/$/, '');
+                        }
+                        catch {
+                            return true;
+                        }
+                    }))
+                        return false;
+                    return promptRoles(sourceIssuer, allowedOrigins);
+                },
+            });
+            const promptRoles = (sourceIssuer, allowedOrigins) => openOverlay({
+                kind: 'prompt',
+                title: 'Allowed application roles',
+                context: 'comma separated exact role names from your server-side role lookup',
+                placeholder: 'support_customer, workspace_admin',
+                onSubmit: (rolesInput) => {
+                    const allowedRoles = [...new Set(rolesInput.split(',').map((value) => value.trim()).filter(Boolean))];
+                    // Application role labels may be human-readable (for example, "Super Administrador").
+                    if (!allowedRoles.length || allowedRoles.some((role) => role.length > 64 || !/^[\p{L}\p{N}][\p{L}\p{N} _.:-]*$/u.test(role) || !/[\p{L}\p{N}]$/u.test(role)))
+                        return false;
+                    return promptExportPath(sourceIssuer, allowedOrigins, allowedRoles);
+                },
+            });
+            const promptExportPath = (sourceIssuer, allowedOrigins, allowedRoles) => openOverlay({
+                kind: 'prompt',
+                title: 'Save integration credentials',
+                context: 'contains a private key and secret; keep it outside source control',
+                initial: join(resolvePaths().configDir, 'intake', `.env.${project.key.toLowerCase()}`),
+                placeholder: join(resolvePaths().configDir, 'intake', `.env.${project.key.toLowerCase()}`),
+                onSubmit: async (outputInput) => {
+                    const outputPath = resolve(outputInput.startsWith('~/') ? join(homedir(), outputInput.slice(2)) : outputInput);
+                    const ok = await run(async () => {
+                        await mkdir(dirname(outputPath), { recursive: true, mode: 0o700 });
+                        const openApiPath = `${outputPath}.openapi.json`;
+                        const envHandle = await openFile(outputPath, 'wx', 0o600);
+                        let apiHandle;
+                        let credentialsSaved = false;
+                        try {
+                            apiHandle = await openFile(openApiPath, 'wx', 0o600);
+                        }
+                        catch (error) {
+                            await envHandle.close();
+                            await unlink(outputPath).catch(() => undefined);
+                            throw error;
+                        }
+                        try {
+                            const pair = generateKeyPairSync('rsa', { modulusLength: 3072 });
+                            const publicJwk = pair.publicKey.export({ format: 'jwk' });
+                            const privateJwk = JSON.stringify(pair.privateKey.export({ format: 'jwk' }));
+                            const configured = await intake.configure(session, project.id, { sourceIssuer, publicJwk, allowedOrigins, allowedRoles });
+                            const credentials = configured.secret ? configured : await intake.rotateSecret(session, project.id);
+                            const contract = await intake.exportContract(session, project.id);
+                            const privateEnv = [
+                                `APP_ORIGINS='${allowedOrigins.join(',')}'`,
+                                `SUPABASE_AUTH_ISSUER='${sourceIssuer}'`,
+                                `SOJA_API_URL='${services.environment.mode === 'remote' ? services.environment.server : ''}'`,
+                                `SOJA_INTEGRATION_ID='${credentials.id}'`,
+                                `SOJA_PROJECT_ID='${project.id}'`,
+                                `SOJA_INTEGRATION_SECRET='${credentials.secret}'`,
+                                `SOJA_ASSERTION_PRIVATE_JWK='${privateJwk}'`,
+                                '',
+                            ].join('\n');
+                            await envHandle.writeFile(privateEnv, 'utf8');
+                            await envHandle.chmod(0o600);
+                            credentialsSaved = true;
+                            await apiHandle.writeFile(`${JSON.stringify(contract, null, 2)}\n`, 'utf8');
+                            await apiHandle.chmod(0o600);
+                        }
+                        catch (error) {
+                            await Promise.all([envHandle.close().catch(() => undefined), apiHandle.close().catch(() => undefined)]);
+                            if (!credentialsSaved)
+                                await unlink(outputPath).catch(() => undefined);
+                            await unlink(openApiPath).catch(() => undefined);
+                            if (credentialsSaved)
+                                throw new Error(`Credentials were saved at ${outputPath}, but OpenAPI export failed. Keep that file safe and retry export.`);
+                            throw error;
+                        }
+                        finally {
+                            await Promise.all([envHandle.close().catch(() => undefined), apiHandle.close().catch(() => undefined)]);
+                        }
+                        return openApiPath;
+                    });
+                    if (ok)
+                        notify(`Ticket API configured for ${project.key}`, 'success', `Credentials: ${outputPath} · OpenAPI: ${outputPath}.openapi.json · move credentials to Supabase Secrets and delete this local file when done.`);
+                    return ok;
+                },
+            });
+            openOverlay({
+                kind: 'prompt',
+                title: `Supabase Auth issuer · ${project.name}`,
+                context: 'must exactly match the iss claim of Auth access tokens',
+                placeholder: 'https://project-ref.supabase.co/auth/v1',
+                onSubmit: (issuerInput) => {
+                    let sourceIssuer;
+                    try {
+                        const url = new URL(issuerInput.trim());
+                        if (url.protocol !== 'https:' || url.search || url.hash || url.username || url.password)
+                            return false;
+                        sourceIssuer = url.href.replace(/\/$/, '');
+                    }
+                    catch {
+                        return false;
+                    }
+                    return promptOrigin(sourceIssuer);
+                },
+            });
+        }
+    }
 }
 function Header({ width, text, right = false }) {
     return (_jsx(Box, { width: width, justifyContent: right ? 'flex-end' : 'flex-start', children: _jsx(Text, { color: palette.faint, bold: true, children: text }) }));

package/dist/ui/screens/TaskScreen.js

@@ -109,6 +109,7 @@ export function TaskScreen({ active, taskRef }) {
             t: () => actions.type(task),
             m: () => actions.project(task),
             r: () => actions.requester(task),
+            '$': () => actions.price(task),
             d: () => actions.description(task),
             c: () => actions.comment(task),
             e: () => actions.edit(task),
@@ -136,6 +137,7 @@ export function TaskScreen({ active, taskRef }) {
         ['s', 'status'],
         ['p', 'priority'],
         ['a', 'assign'],
+        ...(services.finance ? [['$', 'ticket price']] : []),
         ['c', 'comment'],
         ['e', 'edit'],
         ['g', 'git'],
@@ -149,7 +151,13 @@ export function TaskScreen({ active, taskRef }) {
     const visibleTimeline = timeline.slice(Math.max(0, end - timelineRows), end);
     const description = task.description ? clampLines(wrapText(task.description, (wide ? width - Math.floor(width / 2) : width) - 5), Math.max(1, descriptionHeight - 2)) : [];
     const detailsWidth = wide ? Math.floor(width / 2) : width;
-    return (_jsxs(ScreenFrame, { title: `${task.ref} · ${TYPE_LABELS[task.type]}`, aside: width >= 70 ? `created ${formatStamp(task.createdAt)}${task.creator ? ` by @${task.creator.username}` : ''} ${symbols.dot} updated ${formatRelative(task.updatedAt)}` : undefined, hints: hints, children: [titleLines.map((line, index) => (_jsx(Text, { bold: true, color: palette.text, children: line }, index))), _jsxs(Box, { gap: 2, marginTop: 1, children: [_jsx(Clickable, { onClick: () => actions.status(task), active: active, children: _jsx(StatusBadge, { status: task.status }) }), _jsx(Clickable, { onClick: () => actions.priority(task), active: active, children: _jsx(PriorityMeter, { priority: task.priority }) }), task.archivedAt ? _jsx(Badge, { tone: "warning", children: `archived ${formatRelative(task.archivedAt)} · e to restore` }) : null, isClosed(task.status) && task.completedAt ? _jsx(Text, { color: palette.muted, children: `closed ${formatRelative(task.completedAt)}` }) : null] }), (notices.data ?? []).slice(0, 2).map((notice) => (_jsx(Clickable, { onClick: openNotices, active: active, children: _jsx(Text, { color: notice.kind === 'conflict' ? palette.warning : palette.danger, wrap: "truncate-end", children: `! ${notice.message}` }) }, notice.id))), _jsxs(Box, { marginTop: 1, flexDirection: wide ? 'row' : 'column', gap: wide ? 1 : 0, children: [_jsxs(Panel, { title: "Details", width: detailsWidth, height: detailsHeight, children: [_jsx(Field, { label: "Project", value: task.project?.name, onClick: () => actions.project(task), active: active }), _jsx(Field, { label: "Assignee", value: task.assignee ? `@${task.assignee.username}` : undefined, hint: task.assignee?.displayName, onClick: () => actions.assign(task), active: active }), _jsx(Field, { label: "Requested by", value: task.requester ?? undefined, onClick: () => actions.requester(task), active: active }), _jsx(GitFields, { state: git.data, fallbackBranch: task.branch ?? task.suggestedBranch, recorded: task.branch !== null, closed: isClosed(task.status), onBranch: () => actions.branch(task), onCommits: () => openOverlay({ kind: 'git-log' }), active: active }), _jsx(PullRequestField, { state: task.branch ? pullRequest.data : null, loading: pullRequest.loading, onClick: () => actions.gitMenu(task), active: active })] }), descriptionHeight ? (_jsx(Panel, { title: "Description", aside: description.length ? 'd edit' : undefined, height: descriptionHeight, flexGrow: 1, children: _jsx(Clickable, { onClick: () => void actions.description(task), active: active, flexDirection: "column", children: description.length ? (description.map((line, index) => (_jsx(Text, { color: palette.text, children: line }, index)))) : (_jsx(Text, { color: palette.faint, children: "No description. Press d (or click) to write one." })) }) })) : null] }), _jsxs(Box, { flexGrow: 1, gap: 1, children: [_jsx(Panel, { title: "Activity", aside: maxScroll > 0 ? (offset > 0 ? '↓ newer' : '↑ older') : undefined, height: timelineRows + 2, flexGrow: 1, children: _jsxs(Clickable, { onWheel: (direction) => scrollBy(-direction), active: active, flexDirection: "column", children: [visibleTimeline.map((line) => (_jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { color: palette.faint, children: line.stamp.padEnd(7) }), _jsx(Text, { color: line.actor ? palette.muted : palette.faint, children: line.actor.padEnd(actorWidth) }), line.kind === 'comment' ? _jsx(Text, { color: palette.accent, children: line.first ? `${symbols.comment} ` : '  ' }) : _jsx(Text, { color: palette.faint, children: '• ' }), _jsx(Text, { color: line.kind === 'event' ? palette.muted : palette.text, children: line.text })] }, line.key))), visibleTimeline.length === 0 ? _jsx(Text, { color: palette.faint, children: "Nothing yet." }) : null] }) }), showMentions ? (_jsx(Panel, { title: "Mentioned in chat", height: timelineRows + 2, width: Math.floor(width * 0.38), children: mentionList.map((message) => (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { color: palette.muted, children: `${message.author ? `@${message.author.username}` : 'someone'} ` }), _jsx(Text, { color: palette.faint, children: formatStamp(message.createdAt) })] }), _jsx(Text, { color: palette.text, wrap: "truncate-end", children: message.body.split('\n')[0] })] }, message.id))) })) : null] }), showMascot && task ? _jsx(Mascot, { scene: syncStatus?.syncing ? 'syncing' : sceneForTask(task), paused: !active }) : null] }));
+    return (_jsxs(ScreenFrame, { title: `${task.ref} · ${TYPE_LABELS[task.type]}`, aside: width >= 70 ? `created ${formatStamp(task.createdAt)}${task.creator ? ` by @${task.creator.username}` : ''} ${symbols.dot} updated ${formatRelative(task.updatedAt)}` : undefined, hints: hints, children: [titleLines.map((line, index) => (_jsx(Text, { bold: true, color: palette.text, children: line }, index))), _jsxs(Box, { gap: 2, marginTop: 1, children: [_jsx(Clickable, { onClick: () => actions.status(task), active: active, children: _jsx(StatusBadge, { status: task.status }) }), _jsx(Clickable, { onClick: () => actions.priority(task), active: active, children: _jsx(PriorityMeter, { priority: task.priority }) }), task.archivedAt ? _jsx(Badge, { tone: "warning", children: `archived ${formatRelative(task.archivedAt)} · e to restore` }) : null, isClosed(task.status) && task.completedAt ? _jsx(Text, { color: palette.muted, children: `closed ${formatRelative(task.completedAt)}` }) : null] }), (notices.data ?? []).slice(0, 2).map((notice) => (_jsx(Clickable, { onClick: openNotices, active: active, children: _jsx(Text, { color: notice.kind === 'conflict' ? palette.warning : palette.danger, wrap: "truncate-end", children: `! ${notice.message}` }) }, notice.id))), _jsxs(Box, { marginTop: 1, flexDirection: wide ? 'row' : 'column', gap: wide ? 1 : 0, children: [_jsxs(Panel, { title: "Details", width: detailsWidth, height: detailsHeight, children: [_jsx(Field, { label: "Project", value: task.project?.name, onClick: () => actions.project(task), active: active }), _jsx(Field, { label: "Assignee", value: task.assignee ? `@${task.assignee.username}` : undefined, hint: task.assignee?.displayName, onClick: () => actions.assign(task), active: active }), _jsx(Field, { label: "Requested by", value: task.requester ?? undefined, onClick: () => actions.requester(task), active: active }), services.finance ? _jsx(Field, { label: "Pay", value: task.remunerated ? formatMoney(task.priceMinor, task.currencyCode) : 'unpaid', onClick: () => void actions.price(task), active: active }) : null, _jsx(GitFields, { state: git.data, fallbackBranch: task.branch ?? task.suggestedBranch, recorded: task.branch !== null, closed: isClosed(task.status), onBranch: () => actions.branch(task), onCommits: () => openOverlay({ kind: 'git-log' }), active: active }), _jsx(PullRequestField, { state: task.branch ? pullRequest.data : null, loading: pullRequest.loading, onClick: () => actions.gitMenu(task), active: active })] }), descriptionHeight ? (_jsx(Panel, { title: "Description", aside: description.length ? 'd edit' : undefined, height: descriptionHeight, flexGrow: 1, children: _jsx(Clickable, { onClick: () => void actions.description(task), active: active, flexDirection: "column", children: description.length ? (description.map((line, index) => (_jsx(Text, { color: palette.text, children: line }, index)))) : (_jsx(Text, { color: palette.faint, children: "No description. Press d (or click) to write one." })) }) })) : null] }), _jsxs(Box, { flexGrow: 1, gap: 1, children: [_jsx(Panel, { title: "Activity", aside: maxScroll > 0 ? (offset > 0 ? '↓ newer' : '↑ older') : undefined, height: timelineRows + 2, flexGrow: 1, children: _jsxs(Clickable, { onWheel: (direction) => scrollBy(-direction), active: active, flexDirection: "column", children: [visibleTimeline.map((line) => (_jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { color: palette.faint, children: line.stamp.padEnd(7) }), _jsx(Text, { color: line.actor ? palette.muted : palette.faint, children: line.actor.padEnd(actorWidth) }), line.kind === 'comment' ? _jsx(Text, { color: palette.accent, children: line.first ? `${symbols.comment} ` : '  ' }) : _jsx(Text, { color: palette.faint, children: '• ' }), _jsx(Text, { color: line.kind === 'event' ? palette.muted : palette.text, children: line.text })] }, line.key))), visibleTimeline.length === 0 ? _jsx(Text, { color: palette.faint, children: "Nothing yet." }) : null] }) }), showMentions ? (_jsx(Panel, { title: "Mentioned in chat", height: timelineRows + 2, width: Math.floor(width * 0.38), children: mentionList.map((message) => (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { color: palette.muted, children: `${message.author ? `@${message.author.username}` : 'someone'} ` }), _jsx(Text, { color: palette.faint, children: formatStamp(message.createdAt) })] }), _jsx(Text, { color: palette.text, wrap: "truncate-end", children: message.body.split('\n')[0] })] }, message.id))) })) : null] }), showMascot && task ? _jsx(Mascot, { scene: syncStatus?.syncing ? 'syncing' : sceneForTask(task), paused: !active }) : null] }));
+}
+function formatMoney(amountMinor, currencyCode) {
+    if (amountMinor === null || !currencyCode)
+        return 'price needed';
+    const digits = new Intl.NumberFormat('en', { style: 'currency', currency: currencyCode }).resolvedOptions().maximumFractionDigits ?? 2;
+    return new Intl.NumberFormat(undefined, { style: 'currency', currency: currencyCode }).format(amountMinor / 10 ** digits);
 }
 function PullRequestField({ state, loading, onClick, active }) {
     return (_jsxs(FieldRow, { onClick: onClick, active: active, children: [_jsx(Box, { width: LABEL_WIDTH, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: "Pull request" }) }), state?.status === 'found' ? (_jsx(PullRequestSummary, { pr: state.pr })) : state?.status === 'unavailable' ? (_jsx(Text, { dimColor: true, wrap: "truncate-end", children: `${state.reason}${state.hint ? `  ${state.hint}` : ''}` })) : state?.status === 'none' ? (_jsx(Text, { dimColor: true, wrap: "truncate-end", children: `none · g to open one` })) : (loading && state === undefined ? _jsx(Spinner, { label: "checking GitHub\u2026", color: palette.faint }) : _jsx(Text, { color: palette.faint, children: "\u2014" }))] }));