create-principles-disciple 1.145.35 → 1.145.37

package/console/dist/ui/pages/focus/OwnerWorkbench.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from 'react';
+export type OwnerWorkItemKind = 'prompt' | 'rule' | 'promotion' | 'revision' | 'validation' | 'binding' | 'archive' | 'approval' | 'unknown';
+export interface OwnerWorkItem {
+    key: string;
+    title: string;
+    kind: OwnerWorkItemKind;
+    summary: string;
+    reference?: string;
+    content: ReactNode;
+}
+/** Presentation only: list grouping never changes an action's identity or authority. */
+export declare function OwnerWorkbench({ items, completed, uncertain }: {
+    items: OwnerWorkItem[];
+    completed: {
+        key: string;
+        message: string;
+    } | null;
+    uncertain: boolean;
+}): import("react").JSX.Element;

package/console/dist/ui/pages/focus/OwnerWorkbench.js

@@ -0,0 +1,75 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { useSearchParams } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
+import { Archive, CircleHelp, ClipboardCheck, Code2, FilePenLine, FlaskConical, Link2, MessageSquareText, ShieldCheck } from 'lucide-react';
+// Type describes the decision, not an inferred urgency or permission.
+const KIND_PRESENTATION = {
+    prompt: { icon: MessageSquareText, label: 'promptReview', style: 'border-gov/30 bg-gov/10 text-gov' },
+    rule: { icon: Code2, label: 'ruleReview', style: 'border-ink-3/30 bg-ink-3/10 text-ink-2' },
+    promotion: { icon: ShieldCheck, label: 'rulePromotion', style: 'border-amber/30 bg-amber/10 text-ink-2' },
+    revision: { icon: FilePenLine, label: 'revisionDecision', style: 'border-amber/30 text-ink-2' },
+    validation: { icon: FlaskConical, label: 'validationReview', style: 'border-gov/30 text-gov' },
+    binding: { icon: Link2, label: 'bindingReview', style: 'border-gov/30 text-gov' },
+    archive: { icon: Archive, label: 'archiveReview', style: 'border-line bg-surface text-ink-3' },
+    approval: { icon: ClipboardCheck, label: 'approvalMaterialReview', style: 'border-line text-ink-2' },
+    unknown: { icon: CircleHelp, label: 'unknownReview', style: 'border-line text-ink-3' },
+};
+function WorkItemType({ kind }) {
+    const { t } = useTranslation();
+    const { icon: Icon, label, style } = KIND_PRESENTATION[kind];
+    return _jsxs("span", { "data-testid": "owner-work-type", "data-kind": kind, className: `inline-flex max-w-full items-center gap-1.5 rounded-[4px] border px-2 py-1 text-[11px] font-medium leading-relaxed ${style}`, children: [_jsx(Icon, { "aria-hidden": "true", className: "h-3.5 w-3.5 shrink-0", strokeWidth: 1.75 }), t(`pages.focus.workbench.${label}`)] });
+}
+/** Presentation only: list grouping never changes an action's identity or authority. */
+export function OwnerWorkbench({ items, completed, uncertain }) {
+    const { t } = useTranslation();
+    const [params, setParams] = useSearchParams();
+    const selectedKey = params.get('review') ?? '';
+    const selected = items.find(item => item.key === selectedKey);
+    const heading = useRef(null);
+    const list = useRef(null);
+    const lastSelected = useRef('');
+    const listScroll = useRef(0);
+    // A deep link can arrive before the items do. `focusKey` only becomes the
+    // selection once the item exists, so the effect re-runs when it appears
+    // without stealing focus on every data refresh.
+    const focusKey = selected ? selectedKey : '';
+    useEffect(() => {
+        if (focusKey) {
+            heading.current?.focus({ preventScroll: true });
+            const reading = heading.current?.closest('[data-testid="owner-work-reading"]');
+            if (reading && (reading.getBoundingClientRect().top < 0 || reading.getBoundingClientRect().top > window.innerHeight - 100))
+                reading.scrollIntoView({ block: 'start' });
+            const current = list.current?.querySelector('[aria-current="true"]');
+            if (current && list.current && list.current.scrollHeight > list.current.clientHeight) {
+                list.current.scrollTop = Math.max(0, current.offsetTop - list.current.offsetTop - 24);
+            }
+        }
+        else if (selectedKey) {
+            heading.current?.focus({ preventScroll: true });
+        }
+        else if (lastSelected.current && list.current) {
+            list.current.scrollTop = listScroll.current;
+            const previous = Array.from(list.current.querySelectorAll('[data-item-key]')).find(button => button.dataset.itemKey === lastSelected.current);
+            previous?.focus({ preventScroll: true });
+            if (previous && (previous.getBoundingClientRect().top < 0 || previous.getBoundingClientRect().bottom > window.innerHeight))
+                previous.scrollIntoView({ block: 'nearest' });
+        }
+    }, [focusKey, selectedKey]);
+    function choose(key) {
+        if (!key && selectedKey) {
+            lastSelected.current = selectedKey;
+            listScroll.current = list.current?.scrollTop ?? 0;
+        }
+        const next = new URLSearchParams(params);
+        if (key)
+            next.set('review', key);
+        else
+            next.delete('review');
+        setParams(next, { preventScrollReset: true });
+    }
+    const completedHere = completed?.key === selectedKey ? completed : null;
+    const selectedIndex = items.findIndex(item => item.key === selectedKey);
+    const nextItem = selectedIndex >= 0 ? items[selectedIndex + 1] : undefined;
+    return _jsxs("section", { className: "owner-workbench", "data-testid": "owner-workbench", children: [_jsxs("nav", { ref: list, tabIndex: -1, className: `owner-work-list ${selected ? 'owner-work-list-selected' : ''}`, "aria-label": t('pages.focus.workbench.list'), children: [_jsxs("div", { className: "mb-3 flex items-baseline justify-between gap-3", children: [_jsx("h2", { className: "text-[15px] font-medium text-ink", children: t('pages.focus.workbench.list') }), _jsx("span", { className: "text-[12px] text-ink-4", children: t('pages.focus.workbench.count', { count: items.length }) })] }), items.length === 0 && _jsx("p", { className: "text-sm leading-relaxed text-ink-3", children: t(uncertain ? 'pages.focus.workbench.uncertain' : 'pages.focus.workbench.empty') }), _jsx("ol", { className: "space-y-2", children: items.map(item => _jsx("li", { children: _jsxs("button", { type: "button", onClick: () => choose(item.key), "aria-current": selected?.key === item.key ? 'true' : undefined, "data-testid": "owner-work-item", "data-item-key": item.key, className: `w-full rounded-[6px] border px-4 py-4 text-left transition-colors focus-visible:outline-2 focus-visible:outline-gov ${selected?.key === item.key ? 'border-gov bg-gov/5' : 'border-line bg-panel hover:border-gov/50'}`, children: [_jsx("span", { className: "mb-3 block", children: _jsx(WorkItemType, { kind: item.kind }) }), _jsx("span", { className: "block text-[14px] font-medium leading-relaxed text-ink break-words", children: item.title }), _jsx("span", { className: "mt-2 block text-[12.5px] leading-relaxed text-ink-3 line-clamp-2", children: item.summary }), item.reference && items.some(other => other.key !== item.key && other.title === item.title && other.summary === item.summary) && _jsx("span", { className: "mt-2 block break-all font-mono text-[11px] text-ink-4", children: item.reference })] }) }, item.key)) })] }), _jsx("div", { className: "owner-work-reading min-w-0", "data-testid": "owner-work-reading", children: selected ? _jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "mb-5 text-[13px] text-gov underline underline-offset-4", onClick: () => choose(''), children: t('pages.focus.workbench.back') }), _jsx("div", { className: "mb-3", children: _jsx(WorkItemType, { kind: selected.kind }) }), _jsx("h2", { ref: heading, tabIndex: -1, className: "mb-6 text-[22px] font-semibold leading-snug text-ink break-words", children: selected.title }), _jsx("div", { children: selected.content }, selected.key), _jsxs("footer", { className: "mt-7 border-t border-line pt-5", children: [_jsx("p", { className: "mb-3 text-[12.5px] text-ink-3", children: t('pages.focus.workbench.readingEnd') }), nextItem && _jsx("button", { type: "button", className: "text-[13px] text-gov underline underline-offset-4", onClick: () => choose(nextItem.key), children: t('pages.focus.workbench.next') })] })] }) : _jsxs("div", { className: "py-10 text-ink-3", children: [_jsx("h2", { ref: heading, tabIndex: -1, className: "mb-3 text-[22px] font-medium text-ink", children: t(completedHere ? 'pages.focus.workbench.completed' : selectedKey ? 'pages.focus.workbench.notCurrent' : 'pages.focus.workbench.startTitle') }), _jsx("p", { role: completedHere ? 'status' : undefined, className: "max-w-[440px] text-[14px] leading-relaxed", children: completedHere?.message ?? t(selectedKey ? 'pages.focus.workbench.notCurrentBody' : 'pages.focus.workbench.startBody') }), items[0] && _jsx("button", { type: "button", className: "mt-6 rounded-[4px] border border-gov bg-gov px-4 py-2.5 text-sm text-paper", onClick: () => choose(items[0].key), children: t(completedHere ? 'pages.focus.workbench.next' : 'pages.focus.workbench.start') })] }) })] });
+}

package/console/dist/ui/pages/focus/RuleCandidateBindingPanel.d.ts

@@ -28,4 +28,7 @@ export declare function canOfferSourceCorrection(item: Pick<RuleBindingQueueItem
  * `unknown` previously fell through to raw English in the zh-CN group header). */
 export declare const PAIN_SOURCE_KEY: Record<string, string>;
 /** Inline in Governance Focus; assignment, rule approval and live promotion remain separate. */
-export declare function RuleCandidateBindingPanel(): import("react").JSX.Element | null;
+export declare function RuleCandidateBindingPanel({ candidateId, onChanged }?: {
+    candidateId?: string;
+    onChanged?: () => void;
+}): import("react").JSX.Element | null;

package/console/dist/ui/pages/focus/RuleCandidateBindingPanel.js

@@ -139,7 +139,7 @@ function stageKindLabel(t, stageKind) {
     return key ? t(key) : stageKind;
 }
 /** Inline in Governance Focus; assignment, rule approval and live promotion remain separate. */
-export function RuleCandidateBindingPanel() {
+export function RuleCandidateBindingPanel({ candidateId, onChanged } = {}) {
     const { t } = useTranslation();
     const [queue, setQueue] = useState(null);
     const [review, setReview] = useState(null);
@@ -176,11 +176,15 @@ export function RuleCandidateBindingPanel() {
             setError([result.error, result.nextAction].filter(Boolean).join(' ') || t('pages.focus.ruleBinding.unavailable'));
         setBusy(false);
     }
+    useEffect(() => { if (candidateId)
+        void load(candidateId); }, [candidateId]);
     function closeReview() { setOpenCandidateId(''); setReview(null); setSearch(''); setReason(''); }
     async function refreshQueue() {
         const result = await fetchRuleBindingQueue();
-        if (result.success)
+        if (result.success) {
             setQueue(result.data);
+            onChanged?.();
+        }
     }
     async function decide(action) {
         if (!review)
@@ -262,7 +266,7 @@ export function RuleCandidateBindingPanel() {
     }
     if ((queue === null || queue.items.length === 0) && !error)
         return null;
-    const groups = groupRuleBindingQueue(queue?.items ?? []);
+    const groups = groupRuleBindingQueue((queue?.items ?? []).filter(item => candidateId === undefined || item.candidateId === candidateId));
     const visibleGroups = showAllGroups ? groups : groups.slice(0, COLLAPSED_GROUP_LIMIT);
     const bound = review?.currentBinding?.action === 'bind';
     return _jsxs("section", { className: "mb-7 rounded border border-line p-4", "data-testid": "rule-binding-panel", "aria-label": t('pages.focus.ruleBinding.title'), children: [_jsx("h2", { className: "text-sm font-medium", children: t('pages.focus.ruleBinding.title') }), _jsx("p", { className: "mt-2 text-sm text-ink-3", children: t('pages.focus.ruleBinding.separate') }), queue && _jsx("p", { className: "mt-2 text-[13px] text-ink-3", role: "status", "data-testid": "rule-binding-counts", children: t('pages.focus.ruleBinding.countsLine', { candidates: queue.summary.candidates, painGroups: queue.summary.painGroups, bound: queue.summary.bound, unlinked: queue.summary.unlinked, blocked: queue.summary.blocked }) }), queue?.truncated && _jsx("p", { className: "mt-1 text-[12.5px] text-amber", children: t('pages.focus.ruleBinding.truncatedNote', { count: queue.items.length }) }), error && _jsx("p", { role: "alert", className: "my-2 text-amber", children: error }), message && _jsx("p", { role: "status", className: "my-2", children: message }), visibleGroups.map(group => _jsxs("div", { className: "mt-4", "data-testid": "rule-binding-pain-group", children: [_jsxs("div", { className: "border-l-2 border-line pl-3", children: [_jsxs("div", { className: "text-[13px] text-ink-2 leading-relaxed", children: [_jsx("span", { className: "font-medium text-ink", children: t('pages.focus.ruleBinding.groupPrefix') }), ' ', group.pain.text

package/console/dist/ui/pages/focus/focus-validation.js

@@ -36,12 +36,19 @@ function validateApprovalGroup(raw) {
             typeof r.status !== "string") {
             return null;
         }
+        let recordRevisionReviewUnavailable;
+        if (Object.hasOwn(r, "revisionReviewUnavailable")) {
+            if (typeof r.revisionReviewUnavailable !== "boolean")
+                return null;
+            recordRevisionReviewUnavailable = r.revisionReviewUnavailable;
+        }
         validRecords.push({
             id: r.id,
             artifactId: r.artifactId,
             channel: r.channel,
             createdAt: r.createdAt,
             status: r.status,
+            ...(recordRevisionReviewUnavailable !== undefined ? { revisionReviewUnavailable: recordRevisionReviewUnavailable } : {}),
         });
     }
     // Wave 7: candidateDescription is optional — present when backend could
@@ -85,6 +92,28 @@ function validateApprovalGroup(raw) {
             return null;
         artifactUnavailable = unavailable;
     }
+    let revisionReviewUnavailable;
+    if (Object.hasOwn(raw, 'revisionReviewUnavailable')) {
+        const { revisionReviewUnavailable: unavailable } = raw;
+        if (typeof unavailable !== 'boolean')
+            return null;
+        revisionReviewUnavailable = unavailable;
+    }
+    let revisionReview;
+    if (Object.hasOwn(raw, 'revisionReview')) {
+        const review = raw.revisionReview;
+        if (!isRecord(review) || typeof review.oldStatement !== 'string' || typeof review.newStatement !== 'string' || !isRecord(review.intentFields))
+            return null;
+        const intentFields = {};
+        for (const [key, value] of Object.entries(review.intentFields)) {
+            if (typeof value !== 'string')
+                return null;
+            intentFields[key] = value;
+        }
+        revisionReview = { oldStatement: review.oldStatement, newStatement: review.newStatement, intentFields,
+            ...(typeof review.artifactId === 'string' ? { artifactId: review.artifactId } : {}),
+            ...(typeof review.artifactDigest === 'string' && /^sha256:[a-f0-9]{64}$/.test(review.artifactDigest) ? { artifactDigest: review.artifactDigest } : {}) };
+    }
     return {
         principleId,
         principleTitle,
@@ -93,6 +122,8 @@ function validateApprovalGroup(raw) {
         fitsPromptBudget,
         promptBudgetTierFit,
         artifactUnavailable,
+        revisionReviewUnavailable,
+        revisionReview,
         records: validRecords,
     };
 }