npm - @wildo-ai/presets-components - Versions diffs - 1.1.5 → 1.1.7 - Mend

@wildo-ai/presets-components 1.1.5 → 1.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (189) hide show

package/dist/esm/components/ai-elements/decision/approval.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"approval.js","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/decision/approval.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n Alert,\n AlertDescription,\n AlertDialog,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogTitle,\n AlertDialogTrigger,\n Badge,\n Button,\n ButtonVariants_Variant,\n ScrollArea,\n TextareaRoot,\n cn,\n useI18n,\n Surface,\n} from '@wildo-ai/saas-frontend-lib';\nimport type { SerializableZodSchema } from '@wildo-ai/zod-decorators';\n\nimport { FrontendComponentType, ButtonSize, SurfaceVariant } from \"@wildo-ai/presets-components-models\";\nimport { ApprovalArgumentEditorMode, ApprovalArgumentFields, fieldsEditableArgumentsSchema } from \"./approval-argument-fields\";\nimport type { ComponentProps } from \"react\";\n\nconst CT: FrontendComponentType = FrontendComponentType.LOW_LEVEL_AI_APPROVAL;\n\n//===============================================================\n// Human-in-the-Loop Approval Components\n//\n// BACKEND DEPENDENCIES:\n// - FlowsActorsContext.respondToApproval() — implemented (WebSocket emit)\n// - WebSocket event: FLOWS_ACTORS_APPROVAL_REQUEST — implemented\n// - FlowsActorsExecution.pendingApproval — schema ready:\n// { approvalId, actionDescription, riskLevel, expiresAt?, requiredRoles? }\n//\n// Components render approval UI from props. Wire to context via\n// the saas-frontend-lib wrapper (flows-actors/approval.tsx).\n//===============================================================\n\n//===============================================================\n// useCountdown — shared countdown hook\n//===============================================================\n\nfunction useCountdown(expiresAt: Date \| undefined): { remaining: string \| null; isExpired: boolean } {\n const [now, setNow] = React.useState(() => Date.now());\n\n React.useEffect(() => {\n if (!expiresAt) return;\n const id = setInterval(() => setNow(Date.now()), 1_000);\n return () => clearInterval(id);\n }, [expiresAt]);\n\n if (!expiresAt) return { remaining: null, isExpired: false };\n\n const diff = expiresAt.getTime() - now;\n if (diff <= 0) return { remaining: null, isExpired: true };\n\n const totalSeconds = Math.floor(diff / 1_000);\n const minutes = Math.floor(totalSeconds / 60);\n const seconds = totalSeconds % 60;\n const remaining = minutes > 0\n ? `${minutes}m ${String(seconds).padStart(2, \"0\")}s`\n : `${seconds}s`;\n\n return { remaining, isExpired: false };\n}\n\n//===============================================================\n// AI_ApprovalRequest\n//===============================================================\n\nexport type AI_ApprovalRequestProps = ComponentProps<typeof Alert> & {\n approvalId: string;\n actionDescription: string;\n /*\n OPTIONAL, because nothing populates it. A risk level exists only on\n * `WS_FlowsActorsApprovalRequestPayload`, a payload no code emits; the announcement a paused turn\n * really sends carries a tool name and its arguments and no risk claim (#528). Absent means the\n * badge is not rendered — a default here would show a severity nobody declared.\n /\n riskLevel?: \"low\" \| \"medium\" \| \"high\" \| \"critical\";\n executionId: string;\n systemRef?: string;\n expiresAt?: Date;\n requiredRoles?: string[];\n /\n The gated tool call, and the arguments proposed for it.\n \n `toolName` is an IDENTIFIER, rendered as authored — it is the thing the agent asked to run,\n * and humanizing it here would invent display text no i18n tree owns.\n * `executionContext` carries the arguments (#455).\n /\n toolName?: string;\n executionContext?: Record<string, unknown>;\n /\n Offer the approver an EDITOR over the proposed arguments (#566).\n \n Off by default, and it is not a styling preference: turning it on changes what an approval MEANS\n * — the approver stops assenting to the agent's call and starts authoring one. A surface that\n * shows the editor must be wired to a decision path that carries the result, or it collects a\n * change and drops it, which is the failure #537 refused to ship.\n \n The editor offers the tool's FIELDS when `argumentsSchema` describes a shape they can express\n * (#587), and raw JSON otherwise; the raw editor stays one click away in both cases. Neither is the\n * control: the server re-validates the edit against the tool's live schema and refuses a violation\n * with a readable message, which is why a field editor that drops refinements is still honest.\n /\n allowArgumentModification?: boolean;\n /* The gated tool's input-schema descriptor (#587). Absent, or a shape fields cannot express, means raw JSON. /\n argumentsSchema?: SerializableZodSchema;\n /\n Why the last submitted edit was refused (#587), as LOCALIZED text. The approval is still pending: the\n * editor reopens on the refused arguments and shows this reason beside them. The engine wrapper renders it\n * from the approval's own labels, one per refusal reason, naming the tool and the offending arguments\n * (#1186) — a direct consumer must pass words the reader can read, never a server's sentence.\n /\n argumentModificationError?: string;\n /* What the approver submitted when that edit was refused (#587) — the reopened editor starts from it. /\n rejectedArguments?: Record<string, unknown>;\n /\n `modifiedToolArgs` is present only when the approver EDITED the arguments. Absent means \"run the\n * call as proposed\", which is what every approval meant before this parameter existed.\n /\n onApprove?: (approvalId: string, comment?: string, modifiedToolArgs?: Record<string, unknown>) => void;\n onDeny?: (approvalId: string, comment?: string) => void;\n onEscalate?: (approvalId: string, comment?: string) => void;\n isProcessing?: boolean;\n createdAt?: Date;\n};\n\nexport const AI_ApprovalRequest = ({\n approvalId,\n actionDescription,\n riskLevel,\n executionId,\n systemRef,\n expiresAt,\n requiredRoles,\n toolName,\n executionContext,\n allowArgumentModification,\n argumentsSchema,\n argumentModificationError,\n rejectedArguments,\n onApprove,\n onDeny,\n onEscalate,\n isProcessing,\n createdAt,\n className,\n ...props\n}: AI_ApprovalRequestProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: CT });\n const { remaining, isExpired } = useCountdown(expiresAt);\n const variant = riskLevel === \"critical\" \|\| riskLevel === \"high\" ? \"destructive\" : \"default\";\n\n /\n * The argument editor's state (#566).\n \n `draft` is `null` while the approver is reading rather than editing — distinct from an empty\n * string, which is a draft they have cleared. Opening the editor seeds it from the PROPOSED\n * arguments, so the starting point is the call the agent asked for and an approver changes one\n * value rather than retyping the object.\n /\n const fieldsSchema = React.useMemo(() => fieldsEditableArgumentsSchema(argumentsSchema), [argumentsSchema]);\n /\n * A refused edit reopens on what the approver SUBMITTED (#587). The request unmounted while its\n * decision was in flight, so without this the approver would land back on the model's proposal and\n * lose the change the server has just explained.\n /\n const reopenedOn = argumentModificationError !== undefined ? (rejectedArguments ?? executionContext) : undefined;\n const [editorMode, setEditorMode] = React.useState<ApprovalArgumentEditorMode \| null>(() =>\n reopenedOn === undefined ? null : fieldsSchema ? ApprovalArgumentEditorMode.FIELDS : ApprovalArgumentEditorMode.JSON,\n );\n // The value the field editor (re)mounts on — replaced when the approver switches back from JSON.\n const [fieldsSeed, setFieldsSeed] = React.useState<Record<string, unknown>>(() => reopenedOn ?? executionContext ?? {});\n const [fieldsEdit, setFieldsEdit] = React.useState<{ value: Record<string, unknown> \| undefined; invalid: boolean }>({\n value: undefined,\n invalid: false,\n });\n const handleFieldsChange = React.useCallback(\n (next: { value: Record<string, unknown> \| undefined; invalid: boolean }) => setFieldsEdit(next),\n [],\n );\n const [draft, setDraft] = React.useState<string>(() => JSON.stringify(reopenedOn ?? executionContext ?? {}, null, 2));\n const parsedDraft = React.useMemo(() => {\n try {\n const value = JSON.parse(draft) as unknown;\n // An array or a scalar is valid JSON and cannot be a tool's arguments. Refusing it HERE spares\n // the round trip; the server refuses it too, which is what actually protects the call.\n if (value === null \|\| typeof value !== \"object\" \|\| Array.isArray(value)) return { value: undefined, invalid: true };\n return { value: value as Record<string, unknown>, invalid: false };\n } catch {\n return { value: undefined, invalid: true };\n }\n }, [draft]);\n\n if (!isReady) return null;\n\n return (\n <Alert variant={variant} className={cn(\"flex flex-col gap-card-sm\", className)} {...props}>\n <div className=\"flex items-center justify-between gap-element\">\n <div className=\"flex items-center gap-element\">\n {riskLevel && (\n <Badge\n variant={riskLevel === \"critical\" \|\| riskLevel === \"high\" ? \"destructive\" : \"outline\"}\n className=\"text-2xs\"\n >\n {tComponent(CT, `risk${riskLevel.charAt(0).toUpperCase()}${riskLevel.slice(1)}` as any)}\n </Badge>\n )}\n {systemRef && (\n <span className=\"text-2xs text-muted-foreground\">{systemRef}</span>\n )}\n </div>\n\n {/ Countdown / Expired indicator /}\n {remaining && (\n <Badge variant=\"secondary\" className=\"text-2xs tabular-nums\">\n {tComponent(CT, \"expiresCountdown\", { time: remaining })}\n </Badge>\n )}\n {isExpired && (\n <Badge variant=\"destructive\" className=\"text-2xs\">\n {tComponent(CT, \"expired\")}\n </Badge>\n )}\n </div>\n\n <AlertDescription className=\"text-sm\">\n {actionDescription}\n </AlertDescription>\n\n {/ Required roles display /}\n {requiredRoles && requiredRoles.length > 0 && (\n <div className=\"flex items-center gap-element\">\n <span className=\"text-2xs text-muted-foreground\">{tComponent(CT, \"requiredRoles\")}:</span>\n <div className=\"flex gap-1\">\n {requiredRoles.map((role) => (\n <Badge key={role} variant=\"outline\" className=\"text-2xs\">\n {role}\n </Badge>\n ))}\n </div>\n </div>\n )}\n\n {/ The gated tool call — WHAT the approver is being asked to authorize (#455). /}\n {toolName !== undefined && (\n <div className=\"flex items-center gap-element\">\n <span className=\"text-2xs text-muted-foreground\">{tComponent(CT, \"toolCall\")}:</span>\n {/\n * Rendered as authored. A tool name is an IDENTIFIER the agent runtime owns, and turning\n * `renameTodo` into \"Rename Todo\" would invent display text no i18n tree can correct —\n * the exact fallback `display-text-comes-from-i18n.md` retired. The approver is better\n * served by the name the system will actually run.\n /}\n <code className=\"rounded bg-muted px-1 py-0.5 text-2xs font-mono\">{toolName}</code>\n </div>\n )}\n\n {/\n * The proposed ARGUMENTS, one row per key, expanded by default.\n \n This was a collapsed `JSON.stringify` in a `<pre>`. Two things were wrong with that and only\n * the second is cosmetic: a blob is not readable at approval speed, and COLLAPSED-BY-DEFAULT\n * hides the very thing being approved — an approver who never opens it is signing an unread\n * document, which is how an approval prompt stops being read at all.\n \n Keys render VERBATIM. They are the tool's own parameter names, they carry no i18n entry, and\n * humanizing them is forbidden for the same reason as the tool name. A value that is not a\n * primitive is serialized, because a nested object has no honest one-line form — and that\n * narrow case is the only place a JSON fragment survives.\n /}\n {executionContext && Object.keys(executionContext).length > 0 && (\n <div className=\"flex flex-col gap-element\">\n <div className=\"flex items-center justify-between gap-element\">\n <span className=\"text-2xs text-muted-foreground\">{tComponent(CT, \"toolArguments\")}:</span>\n {/\n * The door to approve-with-modifications (#566), rendered only when the surface's owner\n * declared it. An approver who edits these is AUTHORING a call the agent never\n * proposed, so it is opt-in per surface rather than always present.\n /}\n {allowArgumentModification && (\n <div className=\"flex items-center gap-1\">\n {/\n * Fields ⇄ JSON (#587). Offered only when the descriptor can be expressed as fields, and\n * JSON → fields only from a draft that parses, so switching never discards an edit.\n /}\n {editorMode !== null && fieldsSchema && (\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.GHOST}\n size={ButtonSize.SM}\n disabled={isProcessing \|\| isExpired \|\| (editorMode === ApprovalArgumentEditorMode.JSON && parsedDraft.invalid)}\n onClick={() => {\n if (editorMode === ApprovalArgumentEditorMode.FIELDS) {\n setDraft(JSON.stringify(fieldsEdit.value ?? fieldsSeed, null, 2));\n setEditorMode(ApprovalArgumentEditorMode.JSON);\n } else if (parsedDraft.value) {\n setFieldsSeed(parsedDraft.value);\n setEditorMode(ApprovalArgumentEditorMode.FIELDS);\n }\n }}\n >\n {tComponent(CT, editorMode === ApprovalArgumentEditorMode.FIELDS ? \"editArgumentsAsJson\" : \"editArgumentsAsFields\")}\n </Button>\n )}\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.GHOST}\n size={ButtonSize.SM}\n disabled={isProcessing \|\| isExpired}\n onClick={() => {\n if (editorMode !== null) {\n setEditorMode(null);\n return;\n }\n // Opening always starts from the call the agent PROPOSED.\n const proposed = executionContext ?? {};\n setFieldsSeed(proposed);\n setDraft(JSON.stringify(proposed, null, 2));\n setEditorMode(fieldsSchema ? ApprovalArgumentEditorMode.FIELDS : ApprovalArgumentEditorMode.JSON);\n }}\n >\n {tComponent(CT, editorMode === null ? \"editArguments\" : \"discardArgumentEdits\")}\n </Button>\n </div>\n )}\n </div>\n {/\n * Why the last submitted edit was refused (#587). The words are the approval's own labels,\n * resolved by the wrapper per refusal reason with the offending arguments named (#1186); the\n * server's sentence no longer reaches this card. The approval is still pending while it shows.\n /}\n {argumentModificationError !== undefined && editorMode !== null && (\n <span className=\"text-2xs text-destructive\">\n {tComponent(CT, \"argumentModificationRefused\")}: {argumentModificationError}\n </span>\n )}\n {editorMode === null ? (\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n <dl className=\"grid grid-cols-[auto_1fr] gap-x-element gap-y-0.5 rounded-md bg-muted p-2 text-2xs\">\n {Object.entries(executionContext).map(([key, value]) => (\n <React.Fragment key={key}>\n <dt className=\"font-mono text-muted-foreground\">{key}</dt>\n <dd className=\"min-w-0 break-words font-mono\">\n {typeof value === \"string\" \|\| typeof value === \"number\" \|\| typeof value === \"boolean\"\n ? String(value)\n : JSON.stringify(value)}\n </dd>\n </React.Fragment>\n ))}\n </dl>\n </Surface>\n ) : editorMode === ApprovalArgumentEditorMode.FIELDS && fieldsSchema ? (\n <ApprovalArgumentFields\n schema={fieldsSchema}\n initialValue={fieldsSeed}\n disabled={isProcessing \|\| isExpired}\n invalidJsonMessage={tComponent(CT, \"argumentValueNotValidJson\")}\n onChange={handleFieldsChange}\n />\n ) : (\n <>\n <TextareaRoot\n rows={Math.min(12, Object.keys(executionContext).length + 3)}\n value={draft}\n onChange={(e) => setDraft(e.target.value)}\n className=\"font-mono text-2xs\"\n disabled={isProcessing \|\| isExpired}\n aria-invalid={parsedDraft.invalid \|\| undefined}\n aria-label={tComponent(CT, \"editArguments\")}\n />\n {/\n * Local JSON validity only. Whether these arguments SUIT the tool is the server's\n * question — it holds the tool's `inputSchema`, refuses an edit that violates it, and\n * leaves the approval pending with a message naming the offending argument. Judging\n * that here would be a second, weaker copy of the control.\n /}\n {parsedDraft.invalid && (\n <span className=\"text-2xs text-destructive\">{tComponent(CT, \"argumentsNotValidJson\")}</span>\n )}\n </>\n )}\n </div>\n )}\n\n <AI_ApprovalActions\n approvalId={approvalId}\n riskLevel={riskLevel}\n onApprove={onApprove}\n onDeny={onDeny}\n onEscalate={onEscalate}\n isProcessing={isProcessing}\n // Approving with unparseable text would send nothing and silently run the model's own\n // arguments — a change collected and dropped, which is the one outcome this feature exists\n // to prevent. The button is unavailable until the draft is an object.\n disabled={\n isExpired\n \|\| (editorMode === ApprovalArgumentEditorMode.FIELDS && fieldsEdit.invalid)\n \|\| (editorMode === ApprovalArgumentEditorMode.JSON && parsedDraft.invalid)\n }\n // Whatever the approver is authoring in — and `undefined` whenever the editor is closed, which is\n // what \"run the call as proposed\" means on the wire.\n modifiedToolArgs={\n editorMode === ApprovalArgumentEditorMode.FIELDS\n ? fieldsEdit.value\n : editorMode === ApprovalArgumentEditorMode.JSON\n ? parsedDraft.value\n : undefined\n }\n />\n </Alert>\n );\n};\n\n//===============================================================\n// AI_ApprovalActions\n//===============================================================\n\nexport type AI_ApprovalActionsProps = ComponentProps<\"div\"> & {\n approvalId: string;\n riskLevel?: \"low\" \| \"medium\" \| \"high\" \| \"critical\";\n /* Present only while the approver has the argument editor open with a parseable draft (#566). /\n modifiedToolArgs?: Record<string, unknown>;\n onApprove?: (approvalId: string, comment?: string, modifiedToolArgs?: Record<string, unknown>) => void;\n onDeny?: (approvalId: string, comment?: string) => void;\n onEscalate?: (approvalId: string, comment?: string) => void;\n isProcessing?: boolean;\n disabled?: boolean;\n};\n\nexport const AI_ApprovalActions = ({\n approvalId,\n riskLevel,\n modifiedToolArgs,\n onApprove,\n onDeny,\n onEscalate,\n isProcessing,\n disabled,\n className,\n ...props\n}: AI_ApprovalActionsProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: CT });\n const [comment, setComment] = React.useState(\"\");\n const isHighRisk = riskLevel === \"high\" \|\| riskLevel === \"critical\";\n const actionsDisabled = isProcessing \|\| disabled;\n\n if (!isReady) return null;\n\n const approveButton = (\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.DEFAULT}\n size={ButtonSize.SM}\n disabled={actionsDisabled}\n onClick={isHighRisk ? undefined : () => onApprove?.(approvalId, comment \|\| undefined, modifiedToolArgs)}\n >\n {isProcessing ? tComponent(CT, \"processing\") : tComponent(CT, \"approve\")}\n </Button>\n );\n\n return (\n <div className={cn(\"flex flex-col gap-2\", className)} {...props}>\n {/ Comment textarea /}\n <TextareaRoot\n rows={2}\n value={comment}\n onChange={(e) => setComment(e.target.value)}\n placeholder={tComponent(CT, \"commentPlaceholder\")}\n className=\"text-xs\"\n disabled={actionsDisabled}\n />\n\n <div className=\"flex items-center gap-element\">\n {/ Approve — with confirmation dialog for high/critical risk /}\n {isHighRisk ? (\n <AlertDialog>\n <AlertDialogTrigger asChild>\n {approveButton}\n </AlertDialogTrigger>\n <AlertDialogContent>\n <AlertDialogHeader>\n <AlertDialogTitle>{tComponent(CT, \"confirmTitle\")}</AlertDialogTitle>\n <AlertDialogDescription>{tComponent(CT, \"confirmDescription\")}</AlertDialogDescription>\n </AlertDialogHeader>\n <AlertDialogFooter>\n <AlertDialogCancel>{tComponent(CT, \"confirmCancel\")}</AlertDialogCancel>\n <AlertDialogAction onClick={() => onApprove?.(approvalId, comment \|\| undefined, modifiedToolArgs)}>\n {tComponent(CT, \"confirmProceed\")}\n </AlertDialogAction>\n </AlertDialogFooter>\n </AlertDialogContent>\n </AlertDialog>\n ) : (\n approveButton\n )}\n\n {/ Deny /}\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.OUTLINE}\n size={ButtonSize.SM}\n disabled={actionsDisabled}\n onClick={() => onDeny?.(approvalId, comment \|\| undefined)}\n >\n {tComponent(CT, \"deny\")}\n </Button>\n\n {/ Escalate (optional) /}\n {onEscalate && (\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.SECONDARY}\n size={ButtonSize.SM}\n disabled={actionsDisabled}\n onClick={() => onEscalate?.(approvalId, comment \|\| undefined)}\n >\n {tComponent(CT, \"escalate\")}\n </Button>\n )}\n </div>\n </div>\n );\n};\n\n//===============================================================\n// AI_ApprovalQueue\n//===============================================================\n\nconst RISK_ORDER: Record<string, number> = { critical: 0, high: 1, medium: 2, low: 3 };\n\nexport type AI_ApprovalQueueItem = {\n approvalId: string;\n executionId: string;\n systemRef: string;\n actionDescription: string;\n /* OPTIONAL for the same reason as on a single request — nothing populates it (#528). */\n riskLevel?: \"low\" \| \"medium\" \| \"high\" \| \"critical\";\n expiresAt?: Date;\n requiredRoles?: string[];\n executionContext?: Record<string, unknown>;\n createdAt?: Date;\n};\n\nexport type AI_ApprovalQueueProps = ComponentProps<\"div\"> & {\n items: AI_ApprovalQueueItem[];\n onApprove?: (approvalId: string, comment?: string) => void;\n onDeny?: (approvalId: string, comment?: string) => void;\n onEscalate?: (approvalId: string, comment?: string) => void;\n processingIds?: Set<string>;\n filter?: string;\n onFilterChange?: (filter: string) => void;\n};\n\nfunction useRelativeTimeFormatter(): (date: Date) => string {\n const { tComponent } = useI18n({ component: CT });\n return React.useCallback((date: Date): string => {\n const seconds = Math.floor((Date.now() - date.getTime()) / 1_000);\n if (seconds < 60) return tComponent(CT, \"timeAgoSeconds\", { count: String(seconds) });\n const minutes = Math.floor(seconds / 60);\n if (minutes < 60) return tComponent(CT, \"timeAgoMinutes\", { count: String(minutes) });\n const hours = Math.floor(minutes / 60);\n return tComponent(CT, \"timeAgoHours\", { count: String(hours) });\n }, [tComponent]);\n}\n\nexport const AI_ApprovalQueue = ({\n items,\n onApprove,\n onDeny,\n onEscalate,\n processingIds,\n filter,\n onFilterChange,\n className,\n ...props\n}: AI_ApprovalQueueProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: CT });\n const formatRelativeTime = useRelativeTimeFormatter();\n const [sortByRisk, setSortByRisk] = React.useState(true);\n const [internalFilter, setInternalFilter] = React.useState(\"\");\n\n const activeFilter = filter ?? internalFilter;\n\n const filtered = React.useMemo(() => {\n let result = items;\n if (activeFilter) {\n const q = activeFilter.toLowerCase();\n result = result.filter((i) =>\n i.systemRef.toLowerCase().includes(q) \|\|\n i.actionDescription.toLowerCase().includes(q) \|\|\n i.executionId.toLowerCase().includes(q)\n );\n }\n if (sortByRisk) {\n result = [...result].sort((a, b) =>\n (RISK_ORDER[a.riskLevel] ?? 4) - (RISK_ORDER[b.riskLevel] ?? 4)\n );\n }\n return result;\n }, [items, activeFilter, sortByRisk]);\n\n if (!isReady) return null;\n\n return (\n <div className={cn(\"flex flex-col gap-card\", className)} {...props}>\n <div className=\"flex items-center justify-between gap-element\">\n <div className=\"flex items-center gap-element\">\n <h3 className=\"text-sm font-semibold\">\n {tComponent(CT, \"queueTitle\")}\n </h3>\n <Badge variant=\"secondary\">{items.length}</Badge>\n </div>\n\n <Button\n type=\"button\"\n variant={sortByRisk ? ButtonVariants_Variant.SECONDARY : ButtonVariants_Variant.GHOST}\n size={ButtonSize.SM}\n className=\"h-6 text-2xs\"\n onClick={() => setSortByRisk(!sortByRisk)}\n >\n {tComponent(CT, \"queueSortRisk\")}\n </Button>\n </div>\n\n {items.length === 0 ? (\n <p className=\"py-card text-center text-sm text-muted-foreground\">\n {tComponent(CT, \"queueEmpty\")}\n </p>\n ) : (\n <ScrollArea className=\"max-h-96\">\n <div className=\"flex flex-col gap-card-sm\">\n {filtered.map((item) => (\n <div key={item.approvalId} className=\"relative\">\n {item.createdAt && (\n <span className=\"absolute end-2 top-2 text-2xs text-muted-foreground\">\n {formatRelativeTime(item.createdAt)}\n </span>\n )}\n <AI_ApprovalRequest\n approvalId={item.approvalId}\n executionId={item.executionId}\n systemRef={item.systemRef}\n actionDescription={item.actionDescription}\n riskLevel={item.riskLevel}\n expiresAt={item.expiresAt}\n requiredRoles={item.requiredRoles}\n executionContext={item.executionContext}\n createdAt={item.createdAt}\n onApprove={onApprove}\n onDeny={onDeny}\n onEscalate={onEscalate}\n isProcessing={processingIds?.has(item.approvalId)}\n />\n </div>\n ))}\n </div>\n </ScrollArea>\n )}\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"approval.js","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/decision/approval.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n Alert,\n AlertDescription,\n AlertDialog,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogTitle,\n AlertDialogTrigger,\n Badge,\n Button,\n ButtonVariants_Variant,\n ScrollArea,\n SelectContent,\n SelectItem,\n SelectRoot,\n SelectTrigger,\n SelectValue,\n TextareaRoot,\n cn,\n useI18n,\n Surface,\n} from '@wildo-ai/saas-frontend-lib';\nimport type { SerializableZodSchema } from '@wildo-ai/zod-decorators';\n\nimport { FrontendComponentType, ButtonSize, SurfaceVariant } from \"@wildo-ai/presets-components-models\";\nimport { ApprovalArgumentEditorMode, ApprovalArgumentFields, fieldsEditableArgumentsSchema } from \"./approval-argument-fields\";\nimport type { ComponentProps } from \"react\";\n\nconst CT: FrontendComponentType = FrontendComponentType.LOW_LEVEL_AI_APPROVAL;\n\n//===============================================================\n// Human-in-the-Loop Approval Components\n//\n// BACKEND DEPENDENCIES:\n// - FlowsActorsContext.respondToApproval() — implemented (WebSocket emit)\n// - WebSocket event: FLOWS_ACTORS_APPROVAL_REQUEST — implemented\n// - FlowsActorsExecution.pendingApproval — schema ready:\n// { approvalId, actionDescription, riskLevel, expiresAt?, requiredRoles? }\n//\n// Components render approval UI from props. Wire to context via\n// the saas-frontend-lib wrapper (flows-actors/approval.tsx).\n//===============================================================\n\n//===============================================================\n// useCountdown — shared countdown hook\n//===============================================================\n\nfunction useCountdown(expiresAt: Date \| undefined): { remaining: string \| null; isExpired: boolean } {\n const [now, setNow] = React.useState(() => Date.now());\n\n React.useEffect(() => {\n if (!expiresAt) return;\n const id = setInterval(() => setNow(Date.now()), 1_000);\n return () => clearInterval(id);\n }, [expiresAt]);\n\n if (!expiresAt) return { remaining: null, isExpired: false };\n\n const diff = expiresAt.getTime() - now;\n if (diff <= 0) return { remaining: null, isExpired: true };\n\n const totalSeconds = Math.floor(diff / 1_000);\n const minutes = Math.floor(totalSeconds / 60);\n const seconds = totalSeconds % 60;\n const remaining = minutes > 0\n ? `${minutes}m ${String(seconds).padStart(2, \"0\")}s`\n : `${seconds}s`;\n\n return { remaining, isExpired: false };\n}\n\n//===============================================================\n// AI_ApprovalRequest\n//===============================================================\n\n/** One person a decision may be moved to, as the surface shows them. `value` is their id. /\nexport type AI_ApprovalReassignCandidate = { value: string; label: string };\n\n/* One reason a decision's clocks may be paused for (#1628). `value` is the gate's pause-state identifier. /\nexport type AI_ApprovalPauseStateOption = { value: string; label: string };\n\n/\n One reason an approver may give for changing or rejecting an agent's proposal (#1921). `value` is a code of the\n * application's declared vocabulary; `label` is its word, as LOCALIZED text the surface's owner resolved.\n /\nexport type AI_ApprovalReasonCodeOption = { value: string; label: string };\n\n/\n What else a person may do with a decision besides answering it (#1594 D12). Each is offered only when its\n * callback is supplied, so a surface shows exactly the acts its owner can carry out — never a button that\n * submits into nothing.\n /\nexport type AI_ApprovalRoutingProps = {\n /* Take a decision routed to a role you hold for yourself. /\n onClaim?: (approvalId: string) => void;\n /* Give a decision you claimed back to its role. /\n onUnclaim?: (approvalId: string) => void;\n /* The reassign picker opened: load who it may go to, and pass them back as `reassignCandidates`. /\n onReassignOpen?: (approvalId: string) => void;\n /* Only people who could answer it. Absent while loading; empty when nobody else can. /\n reassignCandidates?: readonly AI_ApprovalReassignCandidate[];\n onReassign?: (approvalId: string, targetUserId: string, comment?: string) => void;\n /\n What the last act came to, as LOCALIZED text the surface's owner resolved — \"someone else settled this\",\n * \"there is nobody to escalate this to\". Absent when there is nothing to say.\n /\n actionNotice?: string;\n /\n Stop the decision's CLAIM and DECISION deadlines, naming one of `pauseStateOptions` (#1628). Offered only\n * with at least one option. Pausing never stops the decision from expiring.\n /\n onPauseClock?: (approvalId: string, pauseStateRef: string) => void;\n /* Restart paused deadlines; the paused time is added to them. /\n onResumeClock?: (approvalId: string) => void;\n /* The reasons the gate allows its deadlines to be paused for. /\n pauseStateOptions?: readonly AI_ApprovalPauseStateOption[];\n /* The next deadline ahead of the decision, as LOCALIZED text the surface's owner resolved. /\n deadlineNotice?: string;\n /* Set while its deadlines are paused: why, as LOCALIZED text the surface's owner resolved. /\n clockPausedNotice?: string;\n};\n\nexport type AI_ApprovalRequestProps = ComponentProps<typeof Alert> & AI_ApprovalRoutingProps & {\n /\n Whether THIS viewer may answer it (#1594). `false` renders the request with no actions — the person\n * whose conversation it is sees a question that a reviewer answers, and `actionNotice` says so. Default\n * `true`, which is every surface that answers its own questions.\n /\n answerable?: boolean;\n approvalId: string;\n actionDescription: string;\n /\n OPTIONAL, because nothing populates it. A risk level exists only on\n * `WS_FlowsActorsApprovalRequestPayload`, a payload no code emits; the announcement a paused turn\n * really sends carries a tool name and its arguments and no risk claim (#528). Absent means the\n * badge is not rendered — a default here would show a severity nobody declared.\n /\n riskLevel?: \"low\" \| \"medium\" \| \"high\" \| \"critical\";\n executionId: string;\n systemRef?: string;\n expiresAt?: Date;\n requiredRoles?: string[];\n /\n The gated tool call, and the arguments proposed for it.\n \n `toolName` is an IDENTIFIER, rendered as authored — it is the thing the agent asked to run,\n * and humanizing it here would invent display text no i18n tree owns.\n * `executionContext` carries the arguments (#455).\n /\n toolName?: string;\n executionContext?: Record<string, unknown>;\n /\n Offer the approver an EDITOR over the proposed arguments (#566).\n \n Off by default, and it is not a styling preference: turning it on changes what an approval MEANS\n * — the approver stops assenting to the agent's call and starts authoring one. A surface that\n * shows the editor must be wired to a decision path that carries the result, or it collects a\n * change and drops it, which is the failure #537 refused to ship.\n \n The editor offers the tool's FIELDS when `argumentsSchema` describes a shape they can express\n * (#587), and raw JSON otherwise; the raw editor stays one click away in both cases. Neither is the\n * control: the server re-validates the edit against the tool's live schema and refuses a violation\n * with a readable message, which is why a field editor that drops refinements is still honest.\n /\n allowArgumentModification?: boolean;\n /* The gated tool's input-schema descriptor (#587). Absent, or a shape fields cannot express, means raw JSON. /\n argumentsSchema?: SerializableZodSchema;\n /\n Why the last submitted edit was refused (#587), as LOCALIZED text. The approval is still pending: the\n * editor reopens on the refused arguments and shows this reason beside them. The engine wrapper renders it\n * from the approval's own labels, one per refusal reason, naming the tool and the offending arguments\n * (#1186) — a direct consumer must pass words the reader can read, never a server's sentence.\n /\n argumentModificationError?: string;\n /* What the approver submitted when that edit was refused (#587) — the reopened editor starts from it. /\n rejectedArguments?: Record<string, unknown>;\n /\n The reasons an approver may give when they CHANGE or REJECT the proposal (#1921) — the application's declared\n * vocabulary, worded by the surface's owner. Offered only then: approving the call as proposed is not a correction.\n * Never required — a reason is evidence for why experts disagree with the agent, not a gate on answering.\n /\n reasonCodeOptions?: readonly AI_ApprovalReasonCodeOption[];\n /\n `modifiedToolArgs` is present only when the approver EDITED the arguments. Absent means \"run the\n * call as proposed\", which is what every approval meant before this parameter existed. `reasonCode` is present only\n * when the approver edited the call AND chose a reason for it (#1921).\n /\n onApprove?: (approvalId: string, comment?: string, modifiedToolArgs?: Record<string, unknown>, reasonCode?: string) => void;\n /* `reasonCode` is present only when the approver chose a reason for the rejection (#1921). /\n onDeny?: (approvalId: string, comment?: string, reasonCode?: string) => void;\n onEscalate?: (approvalId: string, comment?: string) => void;\n isProcessing?: boolean;\n createdAt?: Date;\n};\n\nexport const AI_ApprovalRequest = ({\n approvalId,\n actionDescription,\n riskLevel,\n executionId,\n systemRef,\n expiresAt,\n requiredRoles,\n toolName,\n executionContext,\n allowArgumentModification,\n argumentsSchema,\n argumentModificationError,\n rejectedArguments,\n reasonCodeOptions,\n onApprove,\n onDeny,\n onEscalate,\n onClaim,\n onUnclaim,\n onReassignOpen,\n reassignCandidates,\n onReassign,\n actionNotice,\n onPauseClock,\n onResumeClock,\n pauseStateOptions,\n deadlineNotice,\n clockPausedNotice,\n answerable = true,\n isProcessing,\n createdAt,\n className,\n ...props\n}: AI_ApprovalRequestProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: CT });\n const { remaining, isExpired } = useCountdown(expiresAt);\n const variant = riskLevel === \"critical\" \|\| riskLevel === \"high\" ? \"destructive\" : \"default\";\n\n /\n * The argument editor's state (#566).\n \n `draft` is `null` while the approver is reading rather than editing — distinct from an empty\n * string, which is a draft they have cleared. Opening the editor seeds it from the PROPOSED\n * arguments, so the starting point is the call the agent asked for and an approver changes one\n * value rather than retyping the object.\n /\n const fieldsSchema = React.useMemo(() => fieldsEditableArgumentsSchema(argumentsSchema), [argumentsSchema]);\n /\n * A refused edit reopens on what the approver SUBMITTED (#587). The request unmounted while its\n * decision was in flight, so without this the approver would land back on the model's proposal and\n * lose the change the server has just explained.\n /\n const reopenedOn = argumentModificationError !== undefined ? (rejectedArguments ?? executionContext) : undefined;\n const [editorMode, setEditorMode] = React.useState<ApprovalArgumentEditorMode \| null>(() =>\n reopenedOn === undefined ? null : fieldsSchema ? ApprovalArgumentEditorMode.FIELDS : ApprovalArgumentEditorMode.JSON,\n );\n // The value the field editor (re)mounts on — replaced when the approver switches back from JSON.\n const [fieldsSeed, setFieldsSeed] = React.useState<Record<string, unknown>>(() => reopenedOn ?? executionContext ?? {});\n const [fieldsEdit, setFieldsEdit] = React.useState<{ value: Record<string, unknown> \| undefined; invalid: boolean }>({\n value: undefined,\n invalid: false,\n });\n const handleFieldsChange = React.useCallback(\n (next: { value: Record<string, unknown> \| undefined; invalid: boolean }) => setFieldsEdit(next),\n [],\n );\n const [draft, setDraft] = React.useState<string>(() => JSON.stringify(reopenedOn ?? executionContext ?? {}, null, 2));\n const parsedDraft = React.useMemo(() => {\n try {\n const value = JSON.parse(draft) as unknown;\n // An array or a scalar is valid JSON and cannot be a tool's arguments. Refusing it HERE spares\n // the round trip; the server refuses it too, which is what actually protects the call.\n if (value === null \|\| typeof value !== \"object\" \|\| Array.isArray(value)) return { value: undefined, invalid: true };\n return { value: value as Record<string, unknown>, invalid: false };\n } catch {\n return { value: undefined, invalid: true };\n }\n }, [draft]);\n\n if (!isReady) return null;\n\n return (\n <Alert variant={variant} className={cn(\"flex flex-col gap-card-sm\", className)} {...props}>\n <div className=\"flex items-center justify-between gap-element\">\n <div className=\"flex items-center gap-element\">\n {riskLevel && (\n <Badge\n variant={riskLevel === \"critical\" \|\| riskLevel === \"high\" ? \"destructive\" : \"outline\"}\n className=\"text-2xs\"\n >\n {tComponent(CT, `risk${riskLevel.charAt(0).toUpperCase()}${riskLevel.slice(1)}` as any)}\n </Badge>\n )}\n {systemRef && (\n <span className=\"text-2xs text-muted-foreground\">{systemRef}</span>\n )}\n </div>\n\n {/ Countdown / Expired indicator /}\n {remaining && (\n <Badge variant=\"secondary\" className=\"text-2xs tabular-nums\">\n {tComponent(CT, \"expiresCountdown\", { time: remaining })}\n </Badge>\n )}\n {isExpired && (\n <Badge variant=\"destructive\" className=\"text-2xs\">\n {tComponent(CT, \"expired\")}\n </Badge>\n )}\n </div>\n\n <AlertDescription className=\"text-sm\">\n {actionDescription}\n </AlertDescription>\n\n {/ #1628 — the next deadline ahead of it, or why its deadlines are paused. Neither is the expiry above. /}\n {clockPausedNotice !== undefined ? (\n <span className=\"text-2xs text-muted-foreground\">{clockPausedNotice}</span>\n ) : deadlineNotice !== undefined ? (\n <span className=\"text-2xs text-muted-foreground\">{deadlineNotice}</span>\n ) : null}\n\n {/ Required roles display /}\n {requiredRoles && requiredRoles.length > 0 && (\n <div className=\"flex items-center gap-element\">\n <span className=\"text-2xs text-muted-foreground\">{tComponent(CT, \"requiredRoles\")}:</span>\n <div className=\"flex gap-1\">\n {requiredRoles.map((role) => (\n <Badge key={role} variant=\"outline\" className=\"text-2xs\">\n {role}\n </Badge>\n ))}\n </div>\n </div>\n )}\n\n {/ The gated tool call — WHAT the approver is being asked to authorize (#455). /}\n {toolName !== undefined && (\n <div className=\"flex items-center gap-element\">\n <span className=\"text-2xs text-muted-foreground\">{tComponent(CT, \"toolCall\")}:</span>\n {/\n * Rendered as authored. A tool name is an IDENTIFIER the agent runtime owns, and turning\n * `renameTodo` into \"Rename Todo\" would invent display text no i18n tree can correct —\n * the exact fallback `display-text-comes-from-i18n.md` retired. The approver is better\n * served by the name the system will actually run.\n /}\n <code className=\"rounded bg-muted px-1 py-0.5 text-2xs font-mono\">{toolName}</code>\n </div>\n )}\n\n {/\n * The proposed ARGUMENTS, one row per key, expanded by default.\n \n This was a collapsed `JSON.stringify` in a `<pre>`. Two things were wrong with that and only\n * the second is cosmetic: a blob is not readable at approval speed, and COLLAPSED-BY-DEFAULT\n * hides the very thing being approved — an approver who never opens it is signing an unread\n * document, which is how an approval prompt stops being read at all.\n \n Keys render VERBATIM. They are the tool's own parameter names, they carry no i18n entry, and\n * humanizing them is forbidden for the same reason as the tool name. A value that is not a\n * primitive is serialized, because a nested object has no honest one-line form — and that\n * narrow case is the only place a JSON fragment survives.\n /}\n {executionContext && Object.keys(executionContext).length > 0 && (\n <div className=\"flex flex-col gap-element\">\n <div className=\"flex items-center justify-between gap-element\">\n <span className=\"text-2xs text-muted-foreground\">{tComponent(CT, \"toolArguments\")}:</span>\n {/\n * The door to approve-with-modifications (#566), rendered only when the surface's owner\n * declared it. An approver who edits these is AUTHORING a call the agent never\n * proposed, so it is opt-in per surface rather than always present.\n /}\n {allowArgumentModification && (\n <div className=\"flex items-center gap-1\">\n {/\n * Fields ⇄ JSON (#587). Offered only when the descriptor can be expressed as fields, and\n * JSON → fields only from a draft that parses, so switching never discards an edit.\n /}\n {editorMode !== null && fieldsSchema && (\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.GHOST}\n size={ButtonSize.SM}\n disabled={isProcessing \|\| isExpired \|\| (editorMode === ApprovalArgumentEditorMode.JSON && parsedDraft.invalid)}\n onClick={() => {\n if (editorMode === ApprovalArgumentEditorMode.FIELDS) {\n setDraft(JSON.stringify(fieldsEdit.value ?? fieldsSeed, null, 2));\n setEditorMode(ApprovalArgumentEditorMode.JSON);\n } else if (parsedDraft.value) {\n setFieldsSeed(parsedDraft.value);\n setEditorMode(ApprovalArgumentEditorMode.FIELDS);\n }\n }}\n >\n {tComponent(CT, editorMode === ApprovalArgumentEditorMode.FIELDS ? \"editArgumentsAsJson\" : \"editArgumentsAsFields\")}\n </Button>\n )}\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.GHOST}\n size={ButtonSize.SM}\n disabled={isProcessing \|\| isExpired}\n onClick={() => {\n if (editorMode !== null) {\n setEditorMode(null);\n return;\n }\n // Opening always starts from the call the agent PROPOSED.\n const proposed = executionContext ?? {};\n setFieldsSeed(proposed);\n setDraft(JSON.stringify(proposed, null, 2));\n setEditorMode(fieldsSchema ? ApprovalArgumentEditorMode.FIELDS : ApprovalArgumentEditorMode.JSON);\n }}\n >\n {tComponent(CT, editorMode === null ? \"editArguments\" : \"discardArgumentEdits\")}\n </Button>\n </div>\n )}\n </div>\n {/\n * Why the last submitted edit was refused (#587). The words are the approval's own labels,\n * resolved by the wrapper per refusal reason with the offending arguments named (#1186); the\n * server's sentence no longer reaches this card. The approval is still pending while it shows.\n /}\n {argumentModificationError !== undefined && editorMode !== null && (\n <span className=\"text-2xs text-destructive\">\n {tComponent(CT, \"argumentModificationRefused\")}: {argumentModificationError}\n </span>\n )}\n {editorMode === null ? (\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n <dl className=\"grid grid-cols-[auto_1fr] gap-x-element gap-y-0.5 rounded-md bg-muted p-2 text-2xs\">\n {Object.entries(executionContext).map(([key, value]) => (\n <React.Fragment key={key}>\n <dt className=\"font-mono text-muted-foreground\">{key}</dt>\n <dd className=\"min-w-0 break-words font-mono\">\n {typeof value === \"string\" \|\| typeof value === \"number\" \|\| typeof value === \"boolean\"\n ? String(value)\n : JSON.stringify(value)}\n </dd>\n </React.Fragment>\n ))}\n </dl>\n </Surface>\n ) : editorMode === ApprovalArgumentEditorMode.FIELDS && fieldsSchema ? (\n <ApprovalArgumentFields\n schema={fieldsSchema}\n initialValue={fieldsSeed}\n disabled={isProcessing \|\| isExpired}\n invalidJsonMessage={tComponent(CT, \"argumentValueNotValidJson\")}\n onChange={handleFieldsChange}\n />\n ) : (\n <>\n <TextareaRoot\n rows={Math.min(12, Object.keys(executionContext).length + 3)}\n value={draft}\n onChange={(e) => setDraft(e.target.value)}\n className=\"font-mono text-2xs\"\n disabled={isProcessing \|\| isExpired}\n aria-invalid={parsedDraft.invalid \|\| undefined}\n aria-label={tComponent(CT, \"editArguments\")}\n />\n {/\n * Local JSON validity only. Whether these arguments SUIT the tool is the server's\n * question — it holds the tool's `inputSchema`, refuses an edit that violates it, and\n * leaves the approval pending with a message naming the offending argument. Judging\n * that here would be a second, weaker copy of the control.\n /}\n {parsedDraft.invalid && (\n <span className=\"text-2xs text-destructive\">{tComponent(CT, \"argumentsNotValidJson\")}</span>\n )}\n </>\n )}\n </div>\n )}\n\n {!answerable ? (\n actionNotice !== undefined && <span role=\"status\" className=\"text-2xs text-muted-foreground\">{actionNotice}</span>\n ) : (\n <AI_ApprovalActions\n approvalId={approvalId}\n riskLevel={riskLevel}\n onApprove={onApprove}\n onDeny={onDeny}\n onEscalate={onEscalate}\n onClaim={onClaim}\n onUnclaim={onUnclaim}\n onReassignOpen={onReassignOpen}\n reassignCandidates={reassignCandidates}\n onReassign={onReassign}\n actionNotice={actionNotice}\n onPauseClock={onPauseClock}\n onResumeClock={onResumeClock}\n pauseStateOptions={pauseStateOptions}\n reasonCodeOptions={reasonCodeOptions}\n isProcessing={isProcessing}\n // Approving with unparseable text would send nothing and silently run the model's own\n // arguments — a change collected and dropped, which is the one outcome this feature exists\n // to prevent. The button is unavailable until the draft is an object.\n disabled={\n isExpired\n \|\| (editorMode === ApprovalArgumentEditorMode.FIELDS && fieldsEdit.invalid)\n \|\| (editorMode === ApprovalArgumentEditorMode.JSON && parsedDraft.invalid)\n }\n // Whatever the approver is authoring in — and `undefined` whenever the editor is closed, which is\n // what \"run the call as proposed\" means on the wire.\n modifiedToolArgs={\n editorMode === ApprovalArgumentEditorMode.FIELDS\n ? fieldsEdit.value\n : editorMode === ApprovalArgumentEditorMode.JSON\n ? parsedDraft.value\n : undefined\n }\n />\n )}\n </Alert>\n );\n};\n\n//===============================================================\n// AI_ApprovalActions\n//===============================================================\n\nexport type AI_ApprovalActionsProps = ComponentProps<\"div\"> & AI_ApprovalRoutingProps & {\n approvalId: string;\n riskLevel?: \"low\" \| \"medium\" \| \"high\" \| \"critical\";\n /* Present only while the approver has the argument editor open with a parseable draft (#566). /\n modifiedToolArgs?: Record<string, unknown>;\n /* See {@link AI_ApprovalRequestProps.reasonCodeOptions} (#1921). /\n reasonCodeOptions?: readonly AI_ApprovalReasonCodeOption[];\n onApprove?: (approvalId: string, comment?: string, modifiedToolArgs?: Record<string, unknown>, reasonCode?: string) => void;\n onDeny?: (approvalId: string, comment?: string, reasonCode?: string) => void;\n onEscalate?: (approvalId: string, comment?: string) => void;\n isProcessing?: boolean;\n disabled?: boolean;\n};\n\nexport const AI_ApprovalActions = ({\n approvalId,\n riskLevel,\n modifiedToolArgs,\n reasonCodeOptions,\n onApprove,\n onDeny,\n onEscalate,\n onClaim,\n onUnclaim,\n onReassignOpen,\n reassignCandidates,\n onReassign,\n actionNotice,\n onPauseClock,\n onResumeClock,\n pauseStateOptions,\n isProcessing,\n disabled,\n className,\n ...props\n}: AI_ApprovalActionsProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: CT });\n const [comment, setComment] = React.useState(\"\");\n /\n * #1921 — the reason an approver gives for a CORRECTION. `undefined` until one is chosen, and optional throughout.\n \n Offered only on the two answers that correct the agent: an EDITED approval (the editor is open, so\n * `modifiedToolArgs` is defined) and a rejection. Approving the call as proposed is agreement, so a reason there would\n * enter the record as the reason for a correction that never happened — it is never sent then, even if one was\n * picked while the editor was open. A rejection needs somewhere to choose BEFORE it is sent, so with reasons on offer\n * Reject opens a picker and a confirm button, the pattern Reassign and Pause already use.\n /\n const [reasonCode, setReasonCode] = React.useState<string \| undefined>(undefined);\n const [rejecting, setRejecting] = React.useState(false);\n const offersReasons = (reasonCodeOptions?.length ?? 0) > 0;\n const isModifying = modifiedToolArgs !== undefined;\n // The reason rides as a TRAILING argument only when there is one, so an answer with no reason is called exactly as it\n // was before reasons existed — `(id, comment, args)` — and a consumer written against that shape sees no change.\n const correctionReason: [string] \| [] = reasonCode !== undefined ? [reasonCode] : [];\n const approvalReason: [string] \| [] = isModifying ? correctionReason : [];\n // #1628 — `null` while the pause picker is closed; the chosen reason once one is picked.\n const [pausing, setPausing] = React.useState<{ state: string \| undefined } \| null>(null);\n const canPause = !!onPauseClock && (pauseStateOptions?.length ?? 0) > 0;\n // `null` while the picker is closed; the chosen person's id once one is picked.\n const [reassigning, setReassigning] = React.useState<{ target: string \| undefined } \| null>(null);\n const isHighRisk = riskLevel === \"high\" \|\| riskLevel === \"critical\";\n const actionsDisabled = isProcessing \|\| disabled;\n\n if (!isReady) return null;\n\n const approveButton = (\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.DEFAULT}\n size={ButtonSize.SM}\n disabled={actionsDisabled}\n onClick={isHighRisk ? undefined : () => onApprove?.(approvalId, comment \|\| undefined, modifiedToolArgs, ...approvalReason)}\n >\n {isProcessing ? tComponent(CT, \"processing\") : tComponent(CT, \"approve\")}\n </Button>\n );\n\n return (\n <div className={cn(\"flex flex-col gap-2\", className)} {...props}>\n {/ Comment textarea /}\n <TextareaRoot\n rows={2}\n value={comment}\n onChange={(e) => setComment(e.target.value)}\n placeholder={tComponent(CT, \"commentPlaceholder\")}\n className=\"text-xs\"\n disabled={actionsDisabled}\n />\n\n <div className=\"flex items-center gap-element\">\n {/ Approve — with confirmation dialog for high/critical risk /}\n {isHighRisk ? (\n <AlertDialog>\n <AlertDialogTrigger asChild>\n {approveButton}\n </AlertDialogTrigger>\n <AlertDialogContent>\n <AlertDialogHeader>\n <AlertDialogTitle>{tComponent(CT, \"confirmTitle\")}</AlertDialogTitle>\n <AlertDialogDescription>{tComponent(CT, \"confirmDescription\")}</AlertDialogDescription>\n </AlertDialogHeader>\n <AlertDialogFooter>\n <AlertDialogCancel>{tComponent(CT, \"confirmCancel\")}</AlertDialogCancel>\n <AlertDialogAction onClick={() => onApprove?.(approvalId, comment \|\| undefined, modifiedToolArgs, ...approvalReason)}>\n {tComponent(CT, \"confirmProceed\")}\n </AlertDialogAction>\n </AlertDialogFooter>\n </AlertDialogContent>\n </AlertDialog>\n ) : (\n approveButton\n )}\n\n {/ Deny — with reasons on offer, it opens the reason picker first (#1921); otherwise it rejects at once. /}\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.OUTLINE}\n size={ButtonSize.SM}\n disabled={actionsDisabled}\n aria-expanded={offersReasons ? rejecting : undefined}\n onClick={() => {\n if (!offersReasons) { onDeny?.(approvalId, comment \|\| undefined); return; }\n setRejecting(!rejecting);\n }}\n >\n {tComponent(CT, \"deny\")}\n </Button>\n\n {/ Escalate (optional) /}\n {onEscalate && (\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.SECONDARY}\n size={ButtonSize.SM}\n disabled={actionsDisabled}\n onClick={() => onEscalate?.(approvalId, comment \|\| undefined)}\n >\n {tComponent(CT, \"escalate\")}\n </Button>\n )}\n\n {onClaim && (\n <Button type=\"button\" variant={ButtonVariants_Variant.GHOST} size={ButtonSize.SM} disabled={isProcessing} onClick={() => onClaim(approvalId)}>\n {tComponent(CT, \"claim\")}\n </Button>\n )}\n {onUnclaim && (\n <Button type=\"button\" variant={ButtonVariants_Variant.GHOST} size={ButtonSize.SM} disabled={isProcessing} onClick={() => onUnclaim(approvalId)}>\n {tComponent(CT, \"unclaim\")}\n </Button>\n )}\n {canPause && (\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.GHOST}\n size={ButtonSize.SM}\n disabled={isProcessing}\n aria-expanded={pausing !== null}\n onClick={() => setPausing(pausing !== null ? null : { state: undefined })}\n >\n {tComponent(CT, \"pauseClock\")}\n </Button>\n )}\n {onResumeClock && (\n <Button type=\"button\" variant={ButtonVariants_Variant.GHOST} size={ButtonSize.SM} disabled={isProcessing} onClick={() => onResumeClock(approvalId)}>\n {tComponent(CT, \"resumeClock\")}\n </Button>\n )}\n {onReassign && (\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.GHOST}\n size={ButtonSize.SM}\n disabled={isProcessing}\n aria-expanded={reassigning !== null}\n onClick={() => {\n if (reassigning !== null) { setReassigning(null); return; }\n setReassigning({ target: undefined });\n onReassignOpen?.(approvalId);\n }}\n >\n {tComponent(CT, \"reassign\")}\n </Button>\n )}\n </div>\n\n {/\n * #1921 — the reason picker, shown while the approver is CORRECTING the agent: editing the call, or rejecting it.\n * It lists only the application's declared codes, so a reason chosen here is never refused for what it is. On a\n * rejection it carries the confirm button, because the rejection is sent from here.\n /}\n {offersReasons && (isModifying \|\| rejecting) && (\n <div className=\"flex items-center gap-element\">\n <SelectRoot value={reasonCode ?? \"\"} onValueChange={(value) => setReasonCode(value \|\| undefined)} disabled={actionsDisabled}>\n <SelectTrigger className=\"text-2xs\" aria-label={tComponent(CT, \"reasonCode\")}>\n <SelectValue placeholder={tComponent(CT, \"reasonCode\")} />\n </SelectTrigger>\n <SelectContent>\n {(reasonCodeOptions ?? []).map((option) => (\n <SelectItem key={option.value} value={option.value}>{option.label}</SelectItem>\n ))}\n </SelectContent>\n </SelectRoot>\n {reasonCode !== undefined && (\n <Button type=\"button\" variant={ButtonVariants_Variant.GHOST} size={ButtonSize.SM} disabled={actionsDisabled} onClick={() => setReasonCode(undefined)}>\n {tComponent(CT, \"reasonCodeClear\")}\n </Button>\n )}\n {rejecting && (\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.DESTRUCTIVE}\n size={ButtonSize.SM}\n disabled={actionsDisabled}\n onClick={() => {\n onDeny?.(approvalId, comment \|\| undefined, ...correctionReason);\n setRejecting(false);\n }}\n >\n {tComponent(CT, \"denyConfirm\")}\n </Button>\n )}\n </div>\n )}\n\n {/\n * The reassign picker. It lists only the people the server says could ANSWER this decision, so a\n * choice made here is never refused for who the person is — only if the decision moved meanwhile.\n /}\n {onReassign && reassigning !== null && (\n <div className=\"flex items-center gap-element\">\n {reassignCandidates === undefined ? (\n <span className=\"text-2xs text-muted-foreground\">{tComponent(CT, \"processing\")}</span>\n ) : reassignCandidates.length === 0 ? (\n <span className=\"text-2xs text-muted-foreground\">{tComponent(CT, \"reassignNoCandidates\")}</span>\n ) : (\n <>\n <SelectRoot value={reassigning.target} onValueChange={(target) => setReassigning({ target })} disabled={isProcessing}>\n <SelectTrigger className=\"text-2xs\" aria-label={tComponent(CT, \"reassignTarget\")}>\n <SelectValue placeholder={tComponent(CT, \"reassignTarget\")} />\n </SelectTrigger>\n <SelectContent>\n {reassignCandidates.map((candidate) => (\n <SelectItem key={candidate.value} value={candidate.value}>{candidate.label}</SelectItem>\n ))}\n </SelectContent>\n </SelectRoot>\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.SECONDARY}\n size={ButtonSize.SM}\n disabled={isProcessing \|\| reassigning.target === undefined}\n onClick={() => {\n if (reassigning.target === undefined) return;\n onReassign(approvalId, reassigning.target, comment \|\| undefined);\n setReassigning(null);\n }}\n >\n {tComponent(CT, \"reassignConfirm\")}\n </Button>\n </>\n )}\n </div>\n )}\n\n {/ #1628 — the pause picker: only the reasons the gate declares, so a pause is never refused for its reason. /}\n {canPause && pausing !== null && (\n <div className=\"flex items-center gap-element\">\n <SelectRoot value={pausing.state} onValueChange={(state) => setPausing({ state })} disabled={isProcessing}>\n <SelectTrigger className=\"text-2xs\" aria-label={tComponent(CT, \"pauseClockState\")}>\n <SelectValue placeholder={tComponent(CT, \"pauseClockState\")} />\n </SelectTrigger>\n <SelectContent>\n {(pauseStateOptions ?? []).map((option) => (\n <SelectItem key={option.value} value={option.value}>{option.label}</SelectItem>\n ))}\n </SelectContent>\n </SelectRoot>\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.SECONDARY}\n size={ButtonSize.SM}\n disabled={isProcessing \|\| pausing.state === undefined}\n onClick={() => {\n if (pausing.state === undefined \|\| !onPauseClock) return;\n onPauseClock(approvalId, pausing.state);\n setPausing(null);\n }}\n >\n {tComponent(CT, \"pauseClockConfirm\")}\n </Button>\n </div>\n )}\n\n {actionNotice !== undefined && (\n <span role=\"status\" className=\"text-2xs text-muted-foreground\">{actionNotice}</span>\n )}\n </div>\n );\n};\n\n//===============================================================\n// AI_ApprovalQueue\n//===============================================================\n\nconst RISK_ORDER: Record<string, number> = { critical: 0, high: 1, medium: 2, low: 3 };\n\nexport type AI_ApprovalQueueItem = {\n approvalId: string;\n executionId: string;\n systemRef: string;\n actionDescription: string;\n /* OPTIONAL for the same reason as on a single request — nothing populates it (#528). /\n riskLevel?: \"low\" \| \"medium\" \| \"high\" \| \"critical\";\n expiresAt?: Date;\n requiredRoles?: string[];\n executionContext?: Record<string, unknown>;\n createdAt?: Date;\n /* The gated tool, rendered as authored (#455). /\n toolName?: string;\n /\n Which routing acts THIS item offers (#1594). Unset means none: the queue's callbacks are wired per item\n * only where the person may perform the act, so no item shows a button the server would refuse.\n /\n canEscalate?: boolean;\n canClaim?: boolean;\n canUnclaim?: boolean;\n canReassign?: boolean;\n /* See {@link AI_ApprovalRoutingProps.reassignCandidates}. /\n reassignCandidates?: readonly AI_ApprovalReassignCandidate[];\n /* See {@link AI_ApprovalRoutingProps.actionNotice}. /\n actionNotice?: string;\n /* #1628: whether this item offers Pause / Resume, the reasons it may be paused for, and its deadline lines. /\n canPauseClock?: boolean;\n canResumeClock?: boolean;\n pauseStateOptions?: readonly AI_ApprovalPauseStateOption[];\n deadlineNotice?: string;\n clockPausedNotice?: string;\n /* #1921: the reasons a reviewer may give when changing or rejecting this item's proposal. /\n reasonCodeOptions?: readonly AI_ApprovalReasonCodeOption[];\n /* #1921: offer the argument editor on this item, so a reviewer may CHANGE the proposed call. /\n allowArgumentModification?: boolean;\n /* The gated tool's input-schema descriptor, so the editor offers the tool's fields (#587). /\n argumentsSchema?: SerializableZodSchema;\n};\n\nexport type AI_ApprovalQueueProps = ComponentProps<\"div\"> & Omit<AI_ApprovalRoutingProps, 'reassignCandidates' \| 'actionNotice' \| 'pauseStateOptions' \| 'deadlineNotice' \| 'clockPausedNotice'> & {\n items: AI_ApprovalQueueItem[];\n /* `modifiedToolArgs` only when the reviewer edited the call; `reasonCode` only when they gave a reason (#1921). */\n onApprove?: (approvalId: string, comment?: string, modifiedToolArgs?: Record<string, unknown>, reasonCode?: string) => void;\n onDeny?: (approvalId: string, comment?: string, reasonCode?: string) => void;\n onEscalate?: (approvalId: string, comment?: string) => void;\n processingIds?: Set<string>;\n filter?: string;\n onFilterChange?: (filter: string) => void;\n};\n\nfunction useRelativeTimeFormatter(): (date: Date) => string {\n const { tComponent } = useI18n({ component: CT });\n return React.useCallback((date: Date): string => {\n const seconds = Math.floor((Date.now() - date.getTime()) / 1_000);\n if (seconds < 60) return tComponent(CT, \"timeAgoSeconds\", { count: String(seconds) });\n const minutes = Math.floor(seconds / 60);\n if (minutes < 60) return tComponent(CT, \"timeAgoMinutes\", { count: String(minutes) });\n const hours = Math.floor(minutes / 60);\n return tComponent(CT, \"timeAgoHours\", { count: String(hours) });\n }, [tComponent]);\n}\n\nexport const AI_ApprovalQueue = ({\n items,\n onApprove,\n onDeny,\n onEscalate,\n onClaim,\n onUnclaim,\n onReassignOpen,\n onReassign,\n onPauseClock,\n onResumeClock,\n processingIds,\n filter,\n onFilterChange,\n className,\n ...props\n}: AI_ApprovalQueueProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: CT });\n const formatRelativeTime = useRelativeTimeFormatter();\n const [sortByRisk, setSortByRisk] = React.useState(true);\n const [internalFilter, setInternalFilter] = React.useState(\"\");\n\n const activeFilter = filter ?? internalFilter;\n\n const filtered = React.useMemo(() => {\n let result = items;\n if (activeFilter) {\n const q = activeFilter.toLowerCase();\n result = result.filter((i) =>\n i.systemRef.toLowerCase().includes(q) \|\|\n i.actionDescription.toLowerCase().includes(q) \|\|\n i.executionId.toLowerCase().includes(q)\n );\n }\n if (sortByRisk) {\n result = [...result].sort((a, b) =>\n (RISK_ORDER[a.riskLevel] ?? 4) - (RISK_ORDER[b.riskLevel] ?? 4)\n );\n }\n return result;\n }, [items, activeFilter, sortByRisk]);\n\n if (!isReady) return null;\n\n return (\n <div className={cn(\"flex flex-col gap-card\", className)} {...props}>\n <div className=\"flex items-center justify-between gap-element\">\n <div className=\"flex items-center gap-element\">\n <h3 className=\"text-sm font-semibold\">\n {tComponent(CT, \"queueTitle\")}\n </h3>\n <Badge variant=\"secondary\">{items.length}</Badge>\n </div>\n\n <Button\n type=\"button\"\n variant={sortByRisk ? ButtonVariants_Variant.SECONDARY : ButtonVariants_Variant.GHOST}\n size={ButtonSize.SM}\n className=\"h-6 text-2xs\"\n onClick={() => setSortByRisk(!sortByRisk)}\n >\n {tComponent(CT, \"queueSortRisk\")}\n </Button>\n </div>\n\n {items.length === 0 ? (\n <p className=\"py-card text-center text-sm text-muted-foreground\">\n {tComponent(CT, \"queueEmpty\")}\n </p>\n ) : (\n <ScrollArea className=\"max-h-96\">\n <div className=\"flex flex-col gap-card-sm\">\n {filtered.map((item) => (\n <div key={item.approvalId} className=\"relative\">\n {item.createdAt && (\n <span className=\"absolute end-2 top-2 text-2xs text-muted-foreground\">\n {formatRelativeTime(item.createdAt)}\n </span>\n )}\n <AI_ApprovalRequest\n approvalId={item.approvalId}\n executionId={item.executionId}\n systemRef={item.systemRef}\n actionDescription={item.actionDescription}\n riskLevel={item.riskLevel}\n expiresAt={item.expiresAt}\n requiredRoles={item.requiredRoles}\n executionContext={item.executionContext}\n toolName={item.toolName}\n createdAt={item.createdAt}\n allowArgumentModification={item.allowArgumentModification}\n argumentsSchema={item.argumentsSchema}\n reasonCodeOptions={item.reasonCodeOptions}\n onApprove={onApprove}\n onDeny={onDeny}\n // Per item, not per queue: an item offers only the acts its person may perform.\n onEscalate={item.canEscalate ? onEscalate : undefined}\n onClaim={item.canClaim ? onClaim : undefined}\n onUnclaim={item.canUnclaim ? onUnclaim : undefined}\n onReassignOpen={item.canReassign ? onReassignOpen : undefined}\n onReassign={item.canReassign ? onReassign : undefined}\n reassignCandidates={item.reassignCandidates}\n actionNotice={item.actionNotice}\n onPauseClock={item.canPauseClock ? onPauseClock : undefined}\n onResumeClock={item.canResumeClock ? onResumeClock : undefined}\n pauseStateOptions={item.pauseStateOptions}\n deadlineNotice={item.deadlineNotice}\n clockPausedNotice={item.clockPausedNotice}\n isProcessing={processingIds?.has(item.approvalId)}\n />\n </div>\n ))}\n </div>\n </ScrollArea>\n )}\n </div>\n );\n};\n"]}

package/dist/esm/components/ai-elements/graph/graph-runtime.d.ts CHANGED Viewed

@@ -13,7 +13,9 @@
  *    The chain is not obscure: ~20 resource specifications in `@wildo-ai/saas-specifications`
  *    import UI-behavior sources from this package's ROOT, so `import('@wildo-ai/saas-specifications')`
  *    was unloadable in Node — which reaches the dev companion and forced two documented
- *    contortions in the CLI (`brand-ssot-reader.ts`, `brand-destination-utils.ts`).
+ *    contortions in the CLI's brand propagation (a dedicated brand-SSOT reader and a destination
+ *    helper that routed around the specifications root; brand propagation has since moved to
+ *    `@wildo-ai/application-creation-runtime`, which reads the SSOT through `loadConfigExport`).
  * 2. **`@xyflow/react` shipped in every application's MAIN bundle.** All seven leaves were
  *    eagerly registered and eagerly re-exported, so the whole graph library sat in the entry
  *    chunk of applications that never render a graph.

package/dist/esm/components/ai-elements/graph/graph-runtime.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"graph-runtime.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/graph/graph-runtime.ts"],"names":[],"mappings":"AAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG~~;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}
1	+ {"version":3,"file":"graph-runtime.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/graph/graph-runtime.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

package/dist/esm/components/ai-elements/graph/graph-runtime.js CHANGED Viewed

@@ -13,7 +13,9 @@
  *    The chain is not obscure: ~20 resource specifications in `@wildo-ai/saas-specifications`
  *    import UI-behavior sources from this package's ROOT, so `import('@wildo-ai/saas-specifications')`
  *    was unloadable in Node — which reaches the dev companion and forced two documented
- *    contortions in the CLI (`brand-ssot-reader.ts`, `brand-destination-utils.ts`).
+ *    contortions in the CLI's brand propagation (a dedicated brand-SSOT reader and a destination
+ *    helper that routed around the specifications root; brand propagation has since moved to
+ *    `@wildo-ai/application-creation-runtime`, which reads the SSOT through `loadConfigExport`).
  * 2. **`@xyflow/react` shipped in every application's MAIN bundle.** All seven leaves were
  *    eagerly registered and eagerly re-exported, so the whole graph library sat in the entry
  *    chunk of applications that never render a graph.

package/dist/esm/components/ai-elements/graph/graph-runtime.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"graph-runtime.js","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/graph/graph-runtime.ts"],"names":[],"mappings":"AAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG~~;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC","sourcesContent":["/*\n graph-runtime — the SINGLE dynamic-import target for the whole `@xyflow/react` graph subtree.\n \n ## Why this module exists\n \n Two independent defects, both caused by the seven graph leaves being reachable EAGERLY from the\n * `@wildo-ai/presets-components` root barrel:\n \n 1. Node consumers died at module load. `canvas.tsx` carries\n * `import \"@xyflow/react/dist/style.css\"` — the only CSS import in this package. Node's ESM\n * loader has no `.css` handler, so ANY Node process that value-imports a package root reaching\n * it crashed with `Unknown file extension \".css\"` before a single line of its own logic ran.\n * The chain is not obscure: ~20 resource specifications in `@wildo-ai/saas-specifications`\n * import UI-behavior sources from this package's ROOT, so `import('@wildo-ai/saas-specifications')`\n * was unloadable in Node — which reaches the dev companion and forced two documented\n * contortions in the CLI (`brand-~~ssot-~~reader~~.ts`,~~ `brand-~~destination~~-~~utils.ts~~`).\n * 2. `@xyflow/react` shipped in every application's MAIN bundle. All seven leaves were\n * eagerly registered and eagerly re-exported, so the whole graph library sat in the entry\n * chunk of applications that never render a graph.\n \n ## Why ONE aggregate module rather than seven `.lazy.tsx` split points\n \n * Rollup (and therefore Vite) emits one async chunk per dynamically-imported MODULE. Seven doors\n * each doing `import('./canvas')`, `import('./controls')`, … would create seven dynamic entry\n * points over one shared library; Rollup then either duplicates `@xyflow/react` across them or\n * hoists it into a synthetic shared chunk — and the stylesheet attaches to whichever chunk\n * `canvas` lands in. Neither outcome is the single \"separated file\" this boundary is for.\n \n Every door in `graph.lazy.tsx` therefore names the SAME specifier — `./graph-runtime` — so the\n * bundler sees one dynamic target and emits exactly ONE async chunk carrying `@xyflow/react`\n * plus its extracted CSS asset. The runtime cost matches the usage: these components are only\n * ever composed together (a canvas with its controls, panel, nodes and edges), so one fetch that\n * satisfies all seven beats seven round trips to render one graph.\n \n ## Rules for this module\n \n - It is imported ONLY from `graph.lazy.tsx`, and only dynamically. A static import anywhere in\n * the eager graph merges the whole payload back into the entry chunk with no error and no\n * warning — enforced by `pnpm check:lazy-boundaries`.\n * - The `@xyflow/react` stylesheet stays where the component that needs it lives (`canvas.tsx`),\n * INSIDE this chunk's graph. Vite extracts CSS per async chunk and loads it with the chunk, so\n * moving it to an app entry would re-create defect 2 in a different place.\n /\n\nexport from './canvas';\nexport * from './connection';\nexport * from './controls';\nexport * from './edge';\nexport * from './node';\nexport * from './panel';\nexport * from './toolbar';\n"]}
1	+ {"version":3,"file":"graph-runtime.js","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/graph/graph-runtime.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC","sourcesContent":["/*\n graph-runtime — the SINGLE dynamic-import target for the whole `@xyflow/react` graph subtree.\n \n ## Why this module exists\n \n Two independent defects, both caused by the seven graph leaves being reachable EAGERLY from the\n * `@wildo-ai/presets-components` root barrel:\n \n 1. Node consumers died at module load. `canvas.tsx` carries\n * `import \"@xyflow/react/dist/style.css\"` — the only CSS import in this package. Node's ESM\n * loader has no `.css` handler, so ANY Node process that value-imports a package root reaching\n * it crashed with `Unknown file extension \".css\"` before a single line of its own logic ran.\n * The chain is not obscure: ~20 resource specifications in `@wildo-ai/saas-specifications`\n * import UI-behavior sources from this package's ROOT, so `import('@wildo-ai/saas-specifications')`\n * was unloadable in Node — which reaches the dev companion and forced two documented\n * contortions in the CLI's brand propagation (a dedicated brand-SSOT reader and a destination\n * helper that routed around the specifications root; brand propagation has since moved to\n * `@wildo-ai/application-creation-runtime`, which reads the SSOT through `loadConfigExport`).\n * 2. `@xyflow/react` shipped in every application's MAIN bundle. All seven leaves were\n * eagerly registered and eagerly re-exported, so the whole graph library sat in the entry\n * chunk of applications that never render a graph.\n \n ## Why ONE aggregate module rather than seven `.lazy.tsx` split points\n \n * Rollup (and therefore Vite) emits one async chunk per dynamically-imported MODULE. Seven doors\n * each doing `import('./canvas')`, `import('./controls')`, … would create seven dynamic entry\n * points over one shared library; Rollup then either duplicates `@xyflow/react` across them or\n * hoists it into a synthetic shared chunk — and the stylesheet attaches to whichever chunk\n * `canvas` lands in. Neither outcome is the single \"separated file\" this boundary is for.\n \n Every door in `graph.lazy.tsx` therefore names the SAME specifier — `./graph-runtime` — so the\n * bundler sees one dynamic target and emits exactly ONE async chunk carrying `@xyflow/react`\n * plus its extracted CSS asset. The runtime cost matches the usage: these components are only\n * ever composed together (a canvas with its controls, panel, nodes and edges), so one fetch that\n * satisfies all seven beats seven round trips to render one graph.\n \n ## Rules for this module\n \n - It is imported ONLY from `graph.lazy.tsx`, and only dynamically. A static import anywhere in\n * the eager graph merges the whole payload back into the entry chunk with no error and no\n * warning — enforced by `pnpm check:lazy-boundaries`.\n * - The `@xyflow/react` stylesheet stays where the component that needs it lives (`canvas.tsx`),\n * INSIDE this chunk's graph. Vite extracts CSS per async chunk and loads it with the chunk, so\n * moving it to an app entry would re-create defect 2 in a different place.\n /\n\nexport from './canvas';\nexport * from './connection';\nexport * from './controls';\nexport * from './edge';\nexport * from './node';\nexport * from './panel';\nexport * from './toolbar';\n"]}

package/dist/esm/components/app/app-layout-main-container.d.ts CHANGED Viewed

@@ -1,4 +1,13 @@
 import React from 'react';
 import { AppLayoutPreset_MainContainer_DefaultProps } from '@wildo-ai/saas-frontend-lib';
+/**
+ * The default signed-in shell: the regions in a flex arrangement — activity bar and sidebar at the start edge,
+ * a column of status bar / menubar / toolbar / content / status bar, the utility panel at the end edge.
+ *
+ * Composed from the shell building blocks (`AppShellProviders`, `AppShellRegionOutlet`, `AppShellContentOutlet`,
+ * `AppShellOverlaysOutlet`, `useAppShellFirstReady`, #1842), so this file decides only the ARRANGEMENT and the
+ * shell's own surface; another layout can arrange the same regions differently without copying it. Its rendered
+ * DOM is pinned for every layout configuration by `app-layout-main-container.dom-snapshot.test.tsx`.
+ */
 export declare const AppLayoutPreset_MainContainer_Default: ({ children }: AppLayoutPreset_MainContainer_DefaultProps) => React.JSX.Element;
 //# sourceMappingURL=app-layout-main-container.d.ts.map

package/dist/esm/components/app/app-layout-main-container.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"app-layout-main-container.d.ts","sourceRoot":"","sources":["../../../../../src/components/app/app-layout-main-container.tsx"],"names":[],"mappings":"AAAA,OAAO,~~KAA2C~~,MAAM,OAAO,CAAC;~~AAGhE~~,OAAO,EACL,0CAA0C,~~EAmB3C~~,MAAM,6BAA6B,CAAC;AAErC,eAAO,MAAM,qCAAqC,GAAI,cAAc,0CAA0C,KAAG,KAAK,CAAC,GAAG,CAAC,~~OAqH1H~~,CAAC"}
1	+ {"version":3,"file":"app-layout-main-container.d.ts","sourceRoot":"","sources":["../../../../../src/components/app/app-layout-main-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,0CAA0C,EAY3C,MAAM,6BAA6B,CAAC;AAErC;;;;;;;;GAQG;AACH,eAAO,MAAM,qCAAqC,GAAI,cAAc,0CAA0C,KAAG,KAAK,CAAC,GAAG,CAAC,OA+E1H,CAAC"}

package/dist/esm/components/app/app-layout-main-container.js CHANGED Viewed

@@ -1,7 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from 'react';
-import { HorizontalPlacement, ShellAppearance, SurfaceVariant, VerticalPlacement } from '@wildo-ai/presets-components-models';
-import { ApplicationLevel_StatusBar, ApplicationLevel_MenuBar, ApplicationLevel_Toolbar, ApplicationLevel_ActivityBar, ApplicationLevel_QuickActionButton, ApplicationLevel_Sidebar, ApplicationLevel_UtilityPanel, NavigationContentAreas, NavigationOverlays, useAppShellLayout, HostedComponentInteractionsProvider, PortalContainerContext, GuidanceRenderer, LoadingSpinner, NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE, Surface, cn, useUI, } from '@wildo-ai/saas-frontend-lib';
+import { HorizontalPlacement, ShellAppearance, ShellRegion, SurfaceVariant, VerticalPlacement } from '@wildo-ai/presets-components-models';
+import { AppShellContentOutlet, AppShellLoadingState, AppShellOverlaysOutlet, AppShellProviders, AppShellRegionOutlet, useAppShellFirstReady, useAppShellLayout, NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE, Surface, cn, useUI, } from '@wildo-ai/saas-frontend-lib';
+/**
+ * The default signed-in shell: the regions in a flex arrangement — activity bar and sidebar at the start edge,
+ * a column of status bar / menubar / toolbar / content / status bar, the utility panel at the end edge.
+ *
+ * Composed from the shell building blocks (`AppShellProviders`, `AppShellRegionOutlet`, `AppShellContentOutlet`,
+ * `AppShellOverlaysOutlet`, `useAppShellFirstReady`, #1842), so this file decides only the ARRANGEMENT and the
+ * shell's own surface; another layout can arrange the same regions differently without copying it. Its rendered
+ * DOM is pinned for every layout configuration by `app-layout-main-container.dom-snapshot.test.tsx`.
+ */
 export const AppLayoutPreset_MainContainer_Default = ({ children }) => {
     const layoutInfo = useAppShellLayout();
     const { shellAppearance } = useUI();
@@ -9,31 +17,17 @@ export const AppLayoutPreset_MainContainer_Default = ({ children }) => {
     // `backgroundLayer` (rendered by UIProvider behind the app) is the single
     // continuous canvas under sidebar, bars, and content alike.
     const isContinuousShell = shellAppearance === ShellAppearance.CONTINUOUS;
-    const [portalContainer, setPortalContainer] = useState(null);
-    const portalRef = useCallback((node) => {
-        setPortalContainer(node);
-    }, []);
     // ===================================================================
     // Loading State
     // ===================================================================
-    // Latch the FIRST layout-ready flip. `isLayoutReady` derives from config presence
-    // and can transiently drop after bootstrap (e.g. an org switch reloading config);
-    // replacing the whole mounted shell with a spinner on such a drop unmounts every
-    // provider/zone below it and destroys navigation state — the same failure mode
-    // AppLoadingGate documents. The spinner branch therefore only applies BEFORE the
-    // shell has ever been ready; later drops keep the shell mounted (per-component
-    // `has*` flags simply render nothing while config is absent).
-    const [hasLayoutBeenReady, setHasLayoutBeenReady] = useState(false);
-    useEffect(() => {
-        if (layoutInfo.isLayoutReady)
-            setHasLayoutBeenReady(true);
-    }, [layoutInfo.isLayoutReady]);
-    if (!layoutInfo.isLayoutReady && !hasLayoutBeenReady) {
-        return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.SHELL, policyOverride: NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE, children: _jsx("div", { className: "h-screen w-screen bg-background flex items-center justify-center", role: "status", "aria-live": "polite", children: _jsx("div", { className: "text-center", children: _jsx(LoadingSpinner, { size: 32, className: "text-primary mx-auto mb-field", "aria-hidden": "true" }) }) }) }));
-    }
+    // The spinner applies only BEFORE the shell has ever been ready: a later transient drop keeps the shell
+    // mounted (see `useAppShellFirstReady` for why a remount there destroys navigation state).
+    const hasLayoutBeenReady = useAppShellFirstReady(layoutInfo.isLayoutReady);
+    if (!layoutInfo.isLayoutReady && !hasLayoutBeenReady)
+        return _jsx(AppShellLoadingState, {});
     // ===================================================================
     // Main Layout Rendering - PLACEMENT ONLY
     // ===================================================================
-    return (_jsx(PortalContainerContext.Provider, { value: portalContainer, children: _jsx(HostedComponentInteractionsProvider, { children: _jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.SHELL, policyOverride: NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE, children: _jsxs("div", { className: cn('h-screen w-screen flex overflow-hidden', isContinuousShell ? 'bg-transparent' : 'bg-background'), children: [layoutInfo.hasActivityBar && (_jsx(ApplicationLevel_ActivityBar, {})), layoutInfo.hasSidebar && layoutInfo.sidebarPlacement === HorizontalPlacement.START && (_jsx(ApplicationLevel_Sidebar, { placement: HorizontalPlacement.START })), layoutInfo.hasUtilityPanel && layoutInfo.utilityPanelPlacement === HorizontalPlacement.START && (_jsx(ApplicationLevel_UtilityPanel, { position: HorizontalPlacement.START })), _jsxs("div", { className: "flex-1 flex flex-col min-w-0 min-h-0", children: [layoutInfo.hasStatusBar && layoutInfo.statusBarPlacement === VerticalPlacement.TOP && (_jsx(ApplicationLevel_StatusBar, { placement: VerticalPlacement.TOP })), layoutInfo.hasMenubar && (_jsx(ApplicationLevel_MenuBar, {})), layoutInfo.hasToolbar && (_jsx(ApplicationLevel_Toolbar, {})), _jsxs("div", { className: "flex-1 flex min-h-0", children: [_jsxs("main", { ref: portalRef, className: "flex-1 relative min-w-0", children: [_jsx(NavigationContentAreas, { routerChildren: children }), layoutInfo.hasQuickActionButton && (_jsx(ApplicationLevel_QuickActionButton, { placement: "floating" }))] }), layoutInfo.hasSidebar && layoutInfo.sidebarPlacement === HorizontalPlacement.END && (_jsx(ApplicationLevel_Sidebar, { placement: HorizontalPlacement.END }))] }), layoutInfo.hasStatusBar && layoutInfo.statusBarPlacement === VerticalPlacement.BOTTOM && (_jsx(ApplicationLevel_StatusBar, { placement: VerticalPlacement.BOTTOM }))] }), _jsx(NavigationOverlays, {}), _jsx(GuidanceRenderer, {}), layoutInfo.hasUtilityPanel && layoutInfo.utilityPanelPlacement === HorizontalPlacement.END && (_jsx(ApplicationLevel_UtilityPanel, { position: HorizontalPlacement.END }))] }) }) }) }));
+    return (_jsx(AppShellProviders, { layout: layoutInfo, children: _jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.SHELL, policyOverride: NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE, children: _jsxs("div", { className: cn('relative h-screen w-screen flex overflow-hidden', isContinuousShell ? 'bg-transparent' : 'bg-background'), children: [_jsx(AppShellRegionOutlet, { region: ShellRegion.ACTIVITY_BAR }), _jsx(AppShellRegionOutlet, { region: ShellRegion.SIDEBAR, placement: HorizontalPlacement.START }), _jsx(AppShellRegionOutlet, { region: ShellRegion.UTILITY_PANEL, placement: HorizontalPlacement.START }), _jsxs("div", { className: "flex-1 flex flex-col min-w-0 min-h-0", children: [_jsx(AppShellRegionOutlet, { region: ShellRegion.STATUS_BAR, placement: VerticalPlacement.TOP }), _jsx(AppShellRegionOutlet, { region: ShellRegion.MENUBAR }), _jsx(AppShellRegionOutlet, { region: ShellRegion.TOOLBAR }), _jsxs("div", { className: "flex-1 flex min-h-0", children: [_jsx(AppShellContentOutlet, { className: "flex-1 relative min-w-0", children: children }), _jsx(AppShellRegionOutlet, { region: ShellRegion.SIDEBAR, placement: HorizontalPlacement.END })] }), _jsx(AppShellRegionOutlet, { region: ShellRegion.STATUS_BAR, placement: VerticalPlacement.BOTTOM })] }), _jsx(AppShellOverlaysOutlet, {}), _jsx(AppShellRegionOutlet, { region: ShellRegion.UTILITY_PANEL, placement: HorizontalPlacement.END })] }) }) }));
 };
 //# sourceMappingURL=app-layout-main-container.js.map

package/dist/esm/components/app/app-layout-main-container.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"app-layout-main-container.js","sourceRoot":"","sources":["../../../../../src/components/app/app-layout-main-container.tsx"],"names":[],"mappings":";~~AAAA~~,~~OAAc~~,EAAE,~~WAAW~~,EAAE,~~SAAS~~,EAAE,~~QAAQ~~,EAAE,~~MAAM,OAAO,CAAC;AAEhE,OAAO,EAAyB,mBAAmB,EAAE,eAAe,EAAE,~~cAAc,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;~~AACrJ~~,OAAO,EAEL,~~0BAA0B~~,~~EAC1B~~,~~wBAAwB~~,~~EACxB~~,~~wBAAwB,EACxB,4BAA4B,EAC5B,kCAAkC,EAClC,wBAAwB,EACxB,6BAA6B,EAC7B,~~sBAAsB,EACtB,~~kBAAkB,EAClB,~~iBAAiB,EACjB,~~mCAAmC~~,~~EACnC~~,~~sBAAsB~~,~~EACtB~~,~~gBAAgB~~,~~EAChB~~,~~cAAc,EACd,~~2CAA2C,EAC3C,OAAO,EACP,EAAE,EACF,KAAK,GACN,MAAM,6BAA6B,CAAC;AAErC,MAAM,CAAC,MAAM,qCAAqC,GAAG,CAAC,EAAE,QAAQ,EAA8C,EAAqB,EAAE;IACnI,MAAM,UAAU,GAAG,iBAAiB,EAAE,CAAC;IACvC,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,CAAC;IACpC,wEAAwE;IACxE,0EAA0E;IAC1E,4DAA4D;IAC5D,MAAM,iBAAiB,GAAG,eAAe,KAAK,eAAe,CAAC,UAAU,CAAC;~~IACzE~~,~~MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IACjF,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,IAA2B,EAAE,EAAE;QAC5D,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,~~sEAAsE;IACtE,gBAAgB;IAChB,sEAAsE;IAEtE,~~kFAAkF~~;~~IAClF~~,~~kFAAkF~~;~~IAClF~~,~~iFAAiF;IACjF,+EAA+E;IAC/E,iFAAiF;IACjF,+EAA+E;IAC/E,8DAA8D;IAC9D,~~MAAM,~~CAAC,~~kBAAkB,~~EAAE,qBAAqB,CAAC,~~GAAG,~~QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,CAAC,aAAa;YAAE,~~qBAAqB,CAAC,~~IAAI,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,~~UAAU,CAAC,aAAa,CAAC,CAAC~~,CAAC~~;~~IAE/B~~,IAAI,CAAC,UAAU,CAAC,aAAa,IAAI,CAAC,kBAAkB~~,EAAE,CAAC~~;~~QACrD~~,OAAO,~~CACL,~~KAAC,~~OAAO~~,~~IAAC~~,~~OAAO,QAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,~~CAAC,KAAK,EAAE,cAAc,EAAE,2CAA2C,YAChI,cAAK,SAAS,EAAC,kEAAkE,EAAC,IAAI,EAAC,QAAQ,eAAW,QAAQ,YAChH,cAAK,SAAS,EAAC,aAAa,YAC1B,KAAC,cAAc,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,+BAA+B,iBAAa,MAAM,GAAG,GACrF,GACF,GACE,CACX,CAAC;~~IACJ~~,~~CAAC;IAED,~~sEAAsE;IACtE,yCAAyC;IACzC,sEAAsE;IAEtE,OAAO,CACL,KAAC,~~sBAAsB~~,~~CAAC,QAAQ,~~IAAC,~~KAAK~~,EAAE,~~eAAe~~,~~YACrD~~,KAAC,~~mCAAmC,cACpC,KAAC,~~OAAO,IAAC,OAAO,QAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,cAAc,EAAE,2CAA2C,~~YAChI~~,eAAK,SAAS,EAAE,EAAE,CAAC,~~wCAAwC~~,EAAE,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAC,~~aAEjH~~,~~UAAU,CAAC,cAAc,IAAI,CAC5B,~~KAAC,~~4BAA4B~~,~~KAAG~~,~~CACjC~~,~~EAGA~~,~~UAAU~~,CAAC,~~UAAU~~,~~IAAI~~,~~UAAU~~,~~CAAC~~,~~gBAAgB~~,~~KAAK~~,~~mBAAmB~~,~~CAAC~~,~~KAAK~~,~~IAAI~~,~~CACrF~~,~~KAAC~~,~~wBAAwB,IAAC,~~SAAS,EAAE,mBAAmB,CAAC,KAAK,GAAI,~~CACnE~~,~~EAGA~~,~~UAAU~~,~~CAAC~~,~~eAAe~~,~~IAAI~~,~~UAAU~~,CAAC,~~qBAAqB~~,~~KAAK~~,~~mBAAmB~~,~~CAAC,KAAK,IAAI,CAC/F,KAAC,6BAA6B,IAAC,QAAQ,~~EAAE,mBAAmB,CAAC,KAAK,GAAI,~~CACvE~~,~~EAGD,~~eAAK,SAAS,EAAC,sCAAsC,~~aAElD~~,~~UAAU~~,~~CAAC~~,~~YAAY~~,~~IAAI~~,~~UAAU~~,CAAC,~~kBAAkB~~,~~KAAK~~,iBAAiB,CAAC,GAAG,~~IAAI~~,~~CACrF~~,KAAC,~~0BAA0B~~,IAAC,~~SAAS~~,EAAE,~~iBAAiB~~,CAAC,~~GAAG~~,GAAI,~~CACjE~~,~~EAGA,UAAU,CAAC,UAAU,IAAI,CACxB,~~KAAC,~~wBAAwB~~,~~KAAG~~,~~CAC7B~~,~~EAGA~~,~~UAAU~~,CAAC,~~UAAU~~,~~IAAI~~,~~CACxB~~,~~KAAC,wBAAwB,KAAG,CAC7B,EAGD,~~eAAK,SAAS,EAAC,qBAAqB,aAClC,~~gBAAM~~,~~GAAG~~,~~EAAE~~,SAAS,~~EAAE,SAAS,~~EAAC,yBAAyB,~~aACvD~~,~~KAAC,sBAAsB,IAAC,cAAc,EAAE,~~QAAQ,~~GAAI~~,~~EAGnD~~,~~UAAU~~,~~CAAC,~~oBAAoB,~~IAAI,CAClC,KAAC,kCAAkC,~~IAAC,~~SAAS~~,~~EAAC~~,~~UAAU~~,~~GAAG,CAC5D,IACI,EAGN,UAAU,~~CAAC,~~UAAU~~,~~IAAI~~,~~UAAU~~,~~CAAC~~,~~gBAAgB,KAAK,~~mBAAmB,CAAC,GAAG,~~IAAI~~,~~CACnF~~,KAAC,~~wBAAwB~~,IAAC,~~SAAS~~,EAAE,~~mBAAmB~~,CAAC,~~GAAG,GAAI,CACjE,IACG,EAGL,~~UAAU,~~CAAC~~,~~YAAY,IAAI,UAAU,CAAC,kBAAkB,KAAK,iBAAiB,CAAC,MAAM,IAAI,CACxF,KAAC,0BAA0B,IAAC,~~SAAS,EAAE,iBAAiB,CAAC,MAAM,GAAI,~~CACpE~~,~~IACG,~~EAGN,KAAC,~~kBAAkB~~,KAAG,~~EACtB~~,KAAC,~~gBAAgB~~,~~KAAG~~,~~EAGnB~~,~~UAAU~~,~~CAAC~~,~~eAAe,IAAI,UAAU,~~CAAC,~~qBAAqB~~,~~KAAK~~,~~mBAAmB~~,~~CAAC,GAAG,IAAI,CAC7F,KAAC,6BAA6B,IAAC,QAAQ,~~EAAE,mBAAmB,CAAC,GAAG,GAAI,~~CACrE~~,~~IACG,~~GACE,~~GAC4B~~,~~GACN~~,~~CACnC,~~CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, ~~{ useCallback, useEffect, useState }~~ from 'react';\n\nimport { ~~FrontendComponentType,~~ HorizontalPlacement, ShellAppearance, SurfaceVariant, VerticalPlacement } from '@wildo-ai/presets-components-models';\nimport {\n AppLayoutPreset_MainContainer_DefaultProps,\n ~~ApplicationLevel_StatusBar~~,\n ~~ApplicationLevel_MenuBar~~,\n ~~ApplicationLevel_Toolbar~~,\n ~~ApplicationLevel_ActivityBar~~,\n ~~ApplicationLevel_QuickActionButton~~,\n ~~ApplicationLevel_Sidebar~~,\n ~~ApplicationLevel_UtilityPanel,\n NavigationContentAreas,\n NavigationOverlays,\n~~ useAppShellLayout,\n ~~HostedComponentInteractionsProvider,\n PortalContainerContext,\n GuidanceRenderer,\n LoadingSpinner,\n~~ NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE,\n Surface,\n cn,\n useUI,\n} from '@wildo-ai/saas-frontend-lib';\n\nexport const AppLayoutPreset_MainContainer_Default = ({ children }: AppLayoutPreset_MainContainer_DefaultProps): React.JSX.Element => {\n const layoutInfo = useAppShellLayout();\n const { shellAppearance } = useUI();\n // CONTINUOUS shell chrome: the root paints NOTHING so the theme's fixed\n // `backgroundLayer` (rendered by UIProvider behind the app) is the single\n // continuous canvas under sidebar, bars, and content alike.\n const isContinuousShell = shellAppearance === ShellAppearance.CONTINUOUS;\n ~~const~~ ~~[portalContainer,~~ ~~setPortalContainer]~~ = ~~useState<HTMLElement \| null>(null);\~~n ~~const~~ ~~portalRef~~ = ~~useCallback((node~~: ~~HTMLDivElement~~ \| ~~null)~~ => {\n ~~setPortalContainer~~(~~node~~);\n }, []);\n\n // ===================================================================\n // ~~Loading~~ ~~State~~\n // ===================================================================\n\n // ~~Latch~~ ~~the~~ ~~FIRST~~ ~~layout-ready~~ ~~flip~~. `~~isLayoutReady~~` ~~derives~~ ~~from~~ ~~config~~ ~~presence\n //~~ ~~and~~ ~~can~~ ~~transiently~~ ~~drop~~ ~~after~~ ~~bootstrap~~ ~~(e.g.~~ an ~~org~~ ~~switch~~ ~~reloading~~ ~~config);\n //~~ ~~replacing~~ the ~~whole~~ ~~mounted~~ ~~shell~~ ~~with~~ a ~~spinner~~ on ~~such~~ a ~~drop~~ ~~unmounts~~ ~~every\n //~~ ~~provider/zone~~ ~~below~~ it ~~and~~ ~~destroys~~ ~~navigation~~ ~~state~~ — ~~the~~ ~~same~~ ~~failure~~ ~~mode~~\n // ~~AppLoadingGate~~ ~~documents.~~ ~~The~~ ~~spinner~~ ~~branch~~ ~~therefore~~ ~~only~~ ~~applies~~ ~~BEFORE~~ the~~\n //~~ shell ~~has~~ ~~ever~~ ~~been~~ ~~ready;~~ ~~later~~ ~~drops~~ ~~keep~~ the shell ~~mounted~~ ~~(per-component\n //~~ ~~`has`~~ ~~flags~~ ~~simply~~ ~~render~~ ~~nothing~~ ~~while~~ ~~config is absent)~~.\n ~~const~~ ~~[hasLayoutBeenReady,~~ ~~setHasLayoutBeenReady]~~ = ~~useState(false);\n useEffect(()~~ => ~~{\n if~~ ~~(layoutInfo.isLayoutReady)~~ ~~setHasLayoutBeenReady(true);\n },~~ ~~[layoutInfo.isLayoutReady]);\n\n if~~ ~~(!layoutInfo.isLayoutReady~~ && ~~!hasLayoutBeenReady)~~ {\n ~~return~~ (~~\n <Surface~~ ~~asChild~~ ~~emitPolicyVars={false}~~ ~~variant={SurfaceVariant.SHELL}~~ ~~policyOverride={NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE}>\n <div~~ ~~className=\"h-screen~~ ~~w-screen~~ ~~bg-background~~ ~~flex~~ ~~items-center~~ ~~justify~~-~~center\"~~ ~~role=\"status\" aria-live=\"polite\">\~~n ~~<div~~ ~~className=\"text-center\">\n <LoadingSpinner~~ ~~size={32}~~ ~~className=\"text~~-~~primary~~ ~~mx-~~auto ~~mb-field\"~~ ~~aria-hidden=\"true\"~~ ~~/>\n </div>\n </div>\n </Surface>\n );\n }\n\n //~~ ~~===================================================================\n //~~ ~~Main~~ ~~Layout~~ ~~Rendering~~ - ~~PLACEMENT~~ ~~ONLY~~\n // ~~===================================================================\n\n return~~ ~~(\n <PortalContainerContext~~.~~Provider~~ ~~value={portalContainer}>\n <HostedComponentInteractionsProvider>\n <Surface~~ ~~asChild~~ ~~emitPolicyVars={false}~~ ~~variant={SurfaceVariant.SHELL}~~ ~~policyOverride={NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE~~}>\n <div className={cn('h-screen w-screen flex overflow-hidden', isContinuousShell ? 'bg-transparent' : 'bg-background')}>\n {/ Activity Bar - leftmost /}\n {~~layoutInfo~~.~~hasActivityBar~~ ~~&& (\n <ApplicationLevel_ActivityBar~~ />\n )}\n\n {/ Sidebar - START (full height) /}\n {~~layoutInfo~~.~~hasSidebar~~ ~~&& layoutInfo.sidebarPlacement === HorizontalPlacement.START && (\n <ApplicationLevel_Sidebar~~ placement={HorizontalPlacement.START} />\n )}\n\n {/ Utility Panel trigger - START /}\n {~~layoutInfo~~.~~hasUtilityPanel~~ ~~&& layoutInfo.utilityPanelPlacement === HorizontalPlacement.START && (\n <ApplicationLevel_UtilityPanel position~~={HorizontalPlacement.START} />\n )}\n\n {/ Right side: Menubar, Toolbar, Content, Status Bar /}\n <div className=\"flex-1 flex flex-col min-w-0 min-h-0\">\n {/ Status Bar - TOP /}\n {~~layoutInfo~~.~~hasStatusBar~~ ~~&& layoutInfo.statusBarPlacement === VerticalPlacement.TOP && (\n <ApplicationLevel_StatusBar~~ placement={VerticalPlacement.TOP} />\n )}\n\n {/ Menubar /}\n {~~layoutInfo~~.~~hasMenubar~~ ~~&& (\n <ApplicationLevel_MenuBar~~ />\n )}\n\n {/ Toolbar /}\n {~~layoutInfo~~.~~hasToolbar~~ ~~&& (\n <ApplicationLevel_Toolbar~~ />\n )}\n\n {/ Main Content Area /}\n <div className=\"flex-1 flex min-h-0\">\n <~~main~~ ~~ref={portalRef}~~ className=\"flex-1 relative min-w-0\"~~>\n <NavigationContentAreas routerChildren=~~{children} />\n\n {/ Floating Quick Action Button /}\n {layoutInfo.hasQuickActionButton && (\n <ApplicationLevel_QuickActionButton placement=\"floating\" />\n )}\n </~~main~~>\n\n {/ Sidebar - END (full height within content area) /}\n {~~layoutInfo~~.~~hasSidebar~~ ~~&& layoutInfo.sidebarPlacement === HorizontalPlacement.END && (\n <ApplicationLevel_Sidebar~~ placement={HorizontalPlacement.END} />\n ~~)}\n~~ </div>\n\n {/ Status Bar - BOTTOM /}\n {~~layoutInfo~~.~~hasStatusBar~~ ~~&& layoutInfo.statusBarPlacement === VerticalPlacement.BOTTOM && (\n <ApplicationLevel_StatusBar~~ placement={VerticalPlacement.BOTTOM} />\n ~~)}\n~~ </div>\n\n {/ Navigation Overlays (Dialog & Sheet) /}\n <~~NavigationOverlays~~ />\n ~~<GuidanceRenderer />\n~~\n {/ Utility Panel trigger - END */}\n {~~layoutInfo~~.~~hasUtilityPanel~~ ~~&& layoutInfo.utilityPanelPlacement === HorizontalPlacement.END && (\n <ApplicationLevel_UtilityPanel position~~={HorizontalPlacement.END} />\n ~~)}\n~~ </div>\n </Surface>\n ~~</HostedComponentInteractionsProvider>\n~~ </~~PortalContainerContext.Provider~~>\n );\n};\n"]}
1	+ {"version":3,"file":"app-layout-main-container.js","sourceRoot":"","sources":["../../../../../src/components/app/app-layout-main-container.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,WAAW,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAC3I,OAAO,EAEL,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACtB,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACrB,iBAAiB,EACjB,2CAA2C,EAC3C,OAAO,EACP,EAAE,EACF,KAAK,GACN,MAAM,6BAA6B,CAAC;AAErC;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,qCAAqC,GAAG,CAAC,EAAE,QAAQ,EAA8C,EAAqB,EAAE;IACnI,MAAM,UAAU,GAAG,iBAAiB,EAAE,CAAC;IACvC,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,CAAC;IACpC,wEAAwE;IACxE,0EAA0E;IAC1E,4DAA4D;IAC5D,MAAM,iBAAiB,GAAG,eAAe,KAAK,eAAe,CAAC,UAAU,CAAC;IAEzE,sEAAsE;IACtE,gBAAgB;IAChB,sEAAsE;IAEtE,wGAAwG;IACxG,2FAA2F;IAC3F,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAE3E,IAAI,CAAC,UAAU,CAAC,aAAa,IAAI,CAAC,kBAAkB;QAAE,OAAO,KAAC,oBAAoB,KAAG,CAAC;IAEtF,sEAAsE;IACtE,yCAAyC;IACzC,sEAAsE;IAEtE,OAAO,CACL,KAAC,iBAAiB,IAAC,MAAM,EAAE,UAAU,YACnC,KAAC,OAAO,IAAC,OAAO,QAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,cAAc,EAAE,2CAA2C,YAahI,eAAK,SAAS,EAAE,EAAE,CAAC,iDAAiD,EAAE,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAC,aAE3H,KAAC,oBAAoB,IAAC,MAAM,EAAE,WAAW,CAAC,YAAY,GAAI,EAG1D,KAAC,oBAAoB,IAAC,MAAM,EAAE,WAAW,CAAC,OAAO,EAAE,SAAS,EAAE,mBAAmB,CAAC,KAAK,GAAI,EAG3F,KAAC,oBAAoB,IAAC,MAAM,EAAE,WAAW,CAAC,aAAa,EAAE,SAAS,EAAE,mBAAmB,CAAC,KAAK,GAAI,EAGjG,eAAK,SAAS,EAAC,sCAAsC,aAEnD,KAAC,oBAAoB,IAAC,MAAM,EAAE,WAAW,CAAC,UAAU,EAAE,SAAS,EAAE,iBAAiB,CAAC,GAAG,GAAI,EAG1F,KAAC,oBAAoB,IAAC,MAAM,EAAE,WAAW,CAAC,OAAO,GAAI,EAGrD,KAAC,oBAAoB,IAAC,MAAM,EAAE,WAAW,CAAC,OAAO,GAAI,EAGrD,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,qBAAqB,IAAC,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAyB,EAG7F,KAAC,oBAAoB,IAAC,MAAM,EAAE,WAAW,CAAC,OAAO,EAAE,SAAS,EAAE,mBAAmB,CAAC,GAAG,GAAI,IACrF,EAGN,KAAC,oBAAoB,IAAC,MAAM,EAAE,WAAW,CAAC,UAAU,EAAE,SAAS,EAAE,iBAAiB,CAAC,MAAM,GAAI,IACzF,EAGN,KAAC,sBAAsB,KAAG,EAG1B,KAAC,oBAAoB,IAAC,MAAM,EAAE,WAAW,CAAC,aAAa,EAAE,SAAS,EAAE,mBAAmB,CAAC,GAAG,GAAI,IAC3F,GACE,GACQ,CACrB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { HorizontalPlacement, ShellAppearance, ShellRegion, SurfaceVariant, VerticalPlacement } from '@wildo-ai/presets-components-models';\nimport {\n AppLayoutPreset_MainContainer_DefaultProps,\n AppShellContentOutlet,\n AppShellLoadingState,\n AppShellOverlaysOutlet,\n AppShellProviders,\n AppShellRegionOutlet,\n useAppShellFirstReady,\n useAppShellLayout,\n NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE,\n Surface,\n cn,\n useUI,\n} from '@wildo-ai/saas-frontend-lib';\n\n/*\n The default signed-in shell: the regions in a flex arrangement — activity bar and sidebar at the start edge,\n * a column of status bar / menubar / toolbar / content / status bar, the utility panel at the end edge.\n \n Composed from the shell building blocks (`AppShellProviders`, `AppShellRegionOutlet`, `AppShellContentOutlet`,\n * `AppShellOverlaysOutlet`, `useAppShellFirstReady`, #1842), so this file decides only the ARRANGEMENT and the\n * shell's own surface; another layout can arrange the same regions differently without copying it. Its rendered\n * DOM is pinned for every layout configuration by `app-layout-main-container.dom-snapshot.test.tsx`.\n /\nexport const AppLayoutPreset_MainContainer_Default = ({ children }: AppLayoutPreset_MainContainer_DefaultProps): React.JSX.Element => {\n const layoutInfo = useAppShellLayout();\n const { shellAppearance } = useUI();\n // CONTINUOUS shell chrome: the root paints NOTHING so the theme's fixed\n // `backgroundLayer` (rendered by UIProvider behind the app) is the single\n // continuous canvas under sidebar, bars, and content alike.\n const isContinuousShell = shellAppearance === ShellAppearance.CONTINUOUS;\n\n // ===================================================================\n // Loading State\n // ===================================================================\n\n // The spinner applies only BEFORE the shell has ever been ready: a later transient drop keeps the shell\n // mounted (see `useAppShellFirstReady` for why a remount there destroys navigation state).\n const hasLayoutBeenReady = useAppShellFirstReady(layoutInfo.isLayoutReady);\n\n if (!layoutInfo.isLayoutReady && !hasLayoutBeenReady) return <AppShellLoadingState />;\n\n // ===================================================================\n // Main Layout Rendering - PLACEMENT ONLY\n // ===================================================================\n\n return (\n <AppShellProviders layout={layoutInfo}>\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.SHELL} policyOverride={NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE}>\n {/\n `relative` is load-bearing (#1830). A theme's decorative `backgroundLayer` is rendered by `UIContext`\n in an `isolate` wrapper, which paints at the z-index:0 level — ABOVE ordinary in-flow content (see the\n note there, and #1204 for the public layout). A shell text with no positioned ancestor therefore\n vanished under the gradient: the status bar's \"Connected\" did, 1 of the shell's 91 visible texts.\n Positioning the root lifts the WHOLE shell to that level, after the layer in tree order.\n Deliberately NOT `isolate`: that would also make the shell one stacking context, so the consent\n prompt (`z-50`, outside the shell) would paint over the shell's own dialogs (`--z-overlay`, 300).\n A positioned root with `z-index: auto` creates no stacking context, so every z-index inside keeps\n its current global order. The root spans the unscrolled viewport, so no absolutely positioned\n descendant moves either.\n /}\n <div className={cn('relative h-screen w-screen flex overflow-hidden', isContinuousShell ? 'bg-transparent' : 'bg-background')}>\n {/ Activity Bar - leftmost /}\n <AppShellRegionOutlet region={ShellRegion.ACTIVITY_BAR} />\n\n {/ Sidebar - START (full height) /}\n <AppShellRegionOutlet region={ShellRegion.SIDEBAR} placement={HorizontalPlacement.START} />\n\n {/ Utility Panel trigger - START /}\n <AppShellRegionOutlet region={ShellRegion.UTILITY_PANEL} placement={HorizontalPlacement.START} />\n\n {/ Right side: Menubar, Toolbar, Content, Status Bar /}\n <div className=\"flex-1 flex flex-col min-w-0 min-h-0\">\n {/ Status Bar - TOP /}\n <AppShellRegionOutlet region={ShellRegion.STATUS_BAR} placement={VerticalPlacement.TOP} />\n\n {/ Menubar /}\n <AppShellRegionOutlet region={ShellRegion.MENUBAR} />\n\n {/ Toolbar /}\n <AppShellRegionOutlet region={ShellRegion.TOOLBAR} />\n\n {/ Main Content Area /}\n <div className=\"flex-1 flex min-h-0\">\n <AppShellContentOutlet className=\"flex-1 relative min-w-0\">{children}</AppShellContentOutlet>\n\n {/ Sidebar - END (full height within content area) /}\n <AppShellRegionOutlet region={ShellRegion.SIDEBAR} placement={HorizontalPlacement.END} />\n </div>\n\n {/ Status Bar - BOTTOM /}\n <AppShellRegionOutlet region={ShellRegion.STATUS_BAR} placement={VerticalPlacement.BOTTOM} />\n </div>\n\n {/ Navigation Overlays (Dialog & Sheet) and guidance /}\n <AppShellOverlaysOutlet />\n\n {/ Utility Panel trigger - END */}\n <AppShellRegionOutlet region={ShellRegion.UTILITY_PANEL} placement={HorizontalPlacement.END} />\n </div>\n </Surface>\n </AppShellProviders>\n );\n};\n"]}

package/dist/esm/components/app/app-layout-main-container.labels.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"app-layout-main-container.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/app/app-layout-main-container.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,6BAA6B,EAAE,mBAAmB,~~EAiC9D~~,CAAC"}
1	+ {"version":3,"file":"app-layout-main-container.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/app/app-layout-main-container.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,6BAA6B,EAAE,mBAAmB,EAgE9D,CAAC"}

package/dist/esm/components/app/app-layout-main-container.labels.js CHANGED Viewed

@@ -31,6 +31,33 @@ export const AppLayoutsMainContainerLabels = [
         purpose: 'The inverse of zoneExpand, shown while a pane has the whole content area: hands the room back '
             + 'to the split so the list appears beside the pane again. Escape does the same.',
     },
+    {
+        ref: 'zoneRegionPrimary',
+        kind: LabelKind.ARIA,
+        purpose: 'Names the MAIN content column for screen readers, so a reader moving by landmark can tell it '
+            + 'from the detail and companion panes beside it. Never read aloud on screen; two or three '
+            + 'words naming what the column holds, in the reader\'s terms rather than the framework\'s.',
+    },
+    {
+        ref: 'zoneRegionSecondary',
+        kind: LabelKind.ARIA,
+        purpose: 'Names the adjacent DETAIL pane — the one a record opens into beside the list — for screen '
+            + 'readers. Distinct from zoneRegionCompanion: a reader jumping between landmarks hears only '
+            + 'these names, so two panes sharing one name is the same as neither being named.',
+    },
+    {
+        ref: 'zoneRegionCompanion',
+        kind: LabelKind.ARIA,
+        purpose: 'Names the third COMPANION pane (assistant, context, activity) for screen readers. See '
+            + 'zoneRegionSecondary — the two must not be interchangeable.',
+    },
+    {
+        ref: 'zoneResizeHandle',
+        kind: LabelKind.ARIA,
+        purpose: 'Names the draggable divider between two content panes, which is also operable with the arrow '
+            + 'keys once focused. A reader hears this instead of an unnamed "separator", so it should say '
+            + 'what dragging it does (resize the panes), not what it looks like.',
+    },
 ];
 registerComponentLabels(FrontendComponentType.APP_LAYOUTS_MAIN_CONTAINER, AppLayoutsMainContainerLabels);
 //# sourceMappingURL=app-layout-main-container.labels.js.map

package/dist/esm/components/app/app-layout-main-container.labels.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"app-layout-main-container.labels.js","sourceRoot":"","sources":["../../../../../src/components/app/app-layout-main-container.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,6BAA6B,GAA0B;IAClE;QACE,GAAG,EAAE,gBAAgB;QACrB,IAAI,EAAE,SAAS,CAAC,WAAW;QAC3B,OAAO,EACL,gGAAgG;cAC9F,+FAA+F;cAC/F,yDAAyD;KAC9D;IACD;QACE,GAAG,EAAE,YAAY;QACjB,IAAI,EAAE,SAAS,CAAC,MAAM;QACtB,OAAO,EACL,6FAA6F;cAC3F,6FAA6F;cAC7F,0DAA0D;KAC/D;IACD;QACE,GAAG,EAAE,aAAa;QAClB,IAAI,EAAE,SAAS,CAAC,MAAM;QACtB,OAAO,EACL,+FAA+F;cAC7F,wFAAwF;cACxF,uFAAuF;cACvF,6EAA6E;KAClF;IACD;QACE,GAAG,EAAE,aAAa;QAClB,IAAI,EAAE,SAAS,CAAC,MAAM;QACtB,OAAO,EACL,gGAAgG;cAC9F,+EAA+E;KACpF;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,0BAA0B,EAAE,6BAA6B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const AppLayoutsMainContainerLabels: LabellingUnitaryDef[] = [\n {\n ref: 'zoneEmptyState',\n kind: LabelKind.EMPTY_STATE,\n purpose:\n 'Shown in an adjacent content zone (detail / companion pane) that a layout keeps VISIBLE while '\n + 'empty via onEmpty: EMPTY_STATE — tells the reader the pane is waiting for a selection rather '\n + 'than broken. Not shown when the zone collapses instead.',\n },\n {\n ref: 'zoneExpand',\n kind: LabelKind.BUTTON,\n purpose:\n 'The control on an adjacent content zone (detail / companion pane) that gives that pane the '\n + 'WHOLE content area, folding the list it opened from out of view. Short, imperative, one or '\n + 'two words; it also names the control for screen readers.',\n },\n {\n ref: 'zoneDismiss',\n kind: LabelKind.BUTTON,\n purpose:\n 'The control that CLOSES an adjacent content zone (detail / companion pane) outright, handing '\n + 'its width back to the pane beside it. Offered only where the layout declares the zone '\n + 'collapses when empty, because that is where closing it actually returns room. Short, '\n + 'imperative, one or two words; it also names the control for screen readers.',\n },\n {\n ref: 'zoneRestore',\n kind: LabelKind.BUTTON,\n purpose:\n 'The inverse of zoneExpand, shown while a pane has the whole content area: hands the room back '\n + 'to the split so the list appears beside the pane again. Escape does the same.',\n },\n];\nregisterComponentLabels(FrontendComponentType.APP_LAYOUTS_MAIN_CONTAINER, AppLayoutsMainContainerLabels);\n"]}
1	+ {"version":3,"file":"app-layout-main-container.labels.js","sourceRoot":"","sources":["../../../../../src/components/app/app-layout-main-container.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,6BAA6B,GAA0B;IAClE;QACE,GAAG,EAAE,gBAAgB;QACrB,IAAI,EAAE,SAAS,CAAC,WAAW;QAC3B,OAAO,EACL,gGAAgG;cAC9F,+FAA+F;cAC/F,yDAAyD;KAC9D;IACD;QACE,GAAG,EAAE,YAAY;QACjB,IAAI,EAAE,SAAS,CAAC,MAAM;QACtB,OAAO,EACL,6FAA6F;cAC3F,6FAA6F;cAC7F,0DAA0D;KAC/D;IACD;QACE,GAAG,EAAE,aAAa;QAClB,IAAI,EAAE,SAAS,CAAC,MAAM;QACtB,OAAO,EACL,+FAA+F;cAC7F,wFAAwF;cACxF,uFAAuF;cACvF,6EAA6E;KAClF;IACD;QACE,GAAG,EAAE,aAAa;QAClB,IAAI,EAAE,SAAS,CAAC,MAAM;QACtB,OAAO,EACL,gGAAgG;cAC9F,+EAA+E;KACpF;IACD;QACE,GAAG,EAAE,mBAAmB;QACxB,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,OAAO,EACL,+FAA+F;cAC7F,0FAA0F;cAC1F,0FAA0F;KAC/F;IACD;QACE,GAAG,EAAE,qBAAqB;QAC1B,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,OAAO,EACL,4FAA4F;cAC1F,4FAA4F;cAC5F,gFAAgF;KACrF;IACD;QACE,GAAG,EAAE,qBAAqB;QAC1B,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,OAAO,EACL,wFAAwF;cACtF,4DAA4D;KACjE;IACD;QACE,GAAG,EAAE,kBAAkB;QACvB,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,OAAO,EACL,+FAA+F;cAC7F,6FAA6F;cAC7F,mEAAmE;KACxE;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,0BAA0B,EAAE,6BAA6B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const AppLayoutsMainContainerLabels: LabellingUnitaryDef[] = [\n {\n ref: 'zoneEmptyState',\n kind: LabelKind.EMPTY_STATE,\n purpose:\n 'Shown in an adjacent content zone (detail / companion pane) that a layout keeps VISIBLE while '\n + 'empty via onEmpty: EMPTY_STATE — tells the reader the pane is waiting for a selection rather '\n + 'than broken. Not shown when the zone collapses instead.',\n },\n {\n ref: 'zoneExpand',\n kind: LabelKind.BUTTON,\n purpose:\n 'The control on an adjacent content zone (detail / companion pane) that gives that pane the '\n + 'WHOLE content area, folding the list it opened from out of view. Short, imperative, one or '\n + 'two words; it also names the control for screen readers.',\n },\n {\n ref: 'zoneDismiss',\n kind: LabelKind.BUTTON,\n purpose:\n 'The control that CLOSES an adjacent content zone (detail / companion pane) outright, handing '\n + 'its width back to the pane beside it. Offered only where the layout declares the zone '\n + 'collapses when empty, because that is where closing it actually returns room. Short, '\n + 'imperative, one or two words; it also names the control for screen readers.',\n },\n {\n ref: 'zoneRestore',\n kind: LabelKind.BUTTON,\n purpose:\n 'The inverse of zoneExpand, shown while a pane has the whole content area: hands the room back '\n + 'to the split so the list appears beside the pane again. Escape does the same.',\n },\n {\n ref: 'zoneRegionPrimary',\n kind: LabelKind.ARIA,\n purpose:\n 'Names the MAIN content column for screen readers, so a reader moving by landmark can tell it '\n + 'from the detail and companion panes beside it. Never read aloud on screen; two or three '\n + 'words naming what the column holds, in the reader\\'s terms rather than the framework\\'s.',\n },\n {\n ref: 'zoneRegionSecondary',\n kind: LabelKind.ARIA,\n purpose:\n 'Names the adjacent DETAIL pane — the one a record opens into beside the list — for screen '\n + 'readers. Distinct from zoneRegionCompanion: a reader jumping between landmarks hears only '\n + 'these names, so two panes sharing one name is the same as neither being named.',\n },\n {\n ref: 'zoneRegionCompanion',\n kind: LabelKind.ARIA,\n purpose:\n 'Names the third COMPANION pane (assistant, context, activity) for screen readers. See '\n + 'zoneRegionSecondary — the two must not be interchangeable.',\n },\n {\n ref: 'zoneResizeHandle',\n kind: LabelKind.ARIA,\n purpose:\n 'Names the draggable divider between two content panes, which is also operable with the arrow '\n + 'keys once focused. A reader hears this instead of an unnamed \"separator\", so it should say '\n + 'what dragging it does (resize the panes), not what it looks like.',\n },\n];\nregisterComponentLabels(FrontendComponentType.APP_LAYOUTS_MAIN_CONTAINER, AppLayoutsMainContainerLabels);\n"]}

package/dist/esm/components/billing/billing-plan-change-preview.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"billing-plan-change-preview.d.ts","sourceRoot":"","sources":["../../../../../src/components/billing/billing-plan-change-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;~~AAEjE~~,OAAO,EAAE,KAAK,sBAAsB,EAAkG,MAAM,6BAA6B,CAAC;AAG1K,mGAAmG;AACnG,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,~~CAwChL~~"}
1	+ {"version":3,"file":"billing-plan-change-preview.d.ts","sourceRoot":"","sources":["../../../../../src/components/billing/billing-plan-change-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAGjE,OAAO,EAAE,KAAK,sBAAsB,EAAkG,MAAM,6BAA6B,CAAC;AAG1K,mGAAmG;AACnG,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA2ChL"}

package/dist/esm/components/billing/billing-plan-change-preview.js CHANGED Viewed

@@ -1,6 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useId, useMemo, useRef } from 'react';
 import { FrontendComponentType, SurfaceVariant, TypographyVariant, UIBehavior } from '@wildo-ai/presets-components-models';
+import { BillingTiming } from '@wildo-ai/saas-models';
 import { Alert, AlertDescription, Button, ButtonVariants_Variant, cn, Skeleton, Surface, useI18n, useUI } from '@wildo-ai/saas-frontend-lib';
 import { useFormatMoney } from './billing-format.utils.js';
 /** Provider invoice estimate; amount due is not presented as a promise of immediate collection. */
@@ -17,6 +18,8 @@ export function PlanChangePreview({ preview, targetPlanName, isLoading, isConfir
     const description = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);
     if (!isReady)
         return null;
-    return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.BASE, children: _jsxs("section", { ref: panel, tabIndex: -1, "aria-labelledby": headingId, "aria-busy": !!isLoading || !!isConfirming, className: "p-card space-y-card", children: [_jsx("h3", { id: headingId, className: cn(heading.base, heading.sizes?.md), children: t('title', { plan: targetPlanName }) }), _jsx("p", { className: description.base, children: t('estimateExplanation') }), hasError && _jsx(Alert, { variant: "destructive", children: _jsx(AlertDescription, { children: t(preview ? 'confirmationFailed' : 'previewFailed') }) }), isLoading && _jsxs("div", { role: "status", children: [_jsx("span", { children: t('loading') }), _jsx(Skeleton, { className: "h-8 w-32" })] }), preview && !isLoading && (_jsxs("div", { className: "space-y-element", children: [_jsxs("dl", { children: [_jsx("dt", { className: description.base, children: t('amountDue') }), _jsx("dd", { className: heading.base, children: formatMoney(preview.amount) }), _jsx("dt", { className: description.base, children: t('invoicePeriod') }), _jsxs("dd", { children: [formatDate(preview.periodStart), " \u2014 ", formatDate(preview.periodEnd)] })] }), _jsx("ul", { className: "space-y-element", "aria-label": t('lineItems'), children: preview.lineItems.map((item, index) => _jsxs("li", { className: "flex flex-wrap justify-between gap-element", children: [_jsxs("span", { children: [item.description, " ", _jsx("span", { className: description.base, children: t('quantity', { quantity: formatNumber(item.quantity) }) })] }), _jsx("span", { children: formatMoney(item.amount) })] }, index)) }), _jsx("p", { className: description.base, children: t('confirmationExplanation') })] })), _jsxs("div", { className: "flex flex-wrap gap-element", children: [_jsx(Button, { onClick: onCancel, disabled: isConfirming, variant: ButtonVariants_Variant.OUTLINE, children: t('cancel') }), onRetry && !isConfirming && _jsx(Button, { onClick: onRetry, disabled: isLoading, variant: ButtonVariants_Variant.OUTLINE, children: t('retryPreview') }), preview && onConfirm && _jsx(Button, { onClick: onConfirm, disabled: isLoading || isConfirming, children: t(isConfirming ? 'confirming' : 'confirmChange') })] })] }) }));
+    // A change at the end of the period charges nothing now: the estimate is the renewal invoice on the new plan (#1868).
+    const deferred = preview?.timing === BillingTiming.AT_PERIOD_END;
+    return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.BASE, children: _jsxs("section", { ref: panel, tabIndex: -1, "aria-labelledby": headingId, "aria-busy": !!isLoading || !!isConfirming, className: "p-card space-y-card", children: [_jsx("h3", { id: headingId, className: cn(heading.base, heading.sizes?.md), children: t('title', { plan: targetPlanName }) }), _jsx("p", { className: description.base, children: t(deferred ? 'deferredEstimateExplanation' : 'estimateExplanation') }), hasError && _jsx(Alert, { variant: "destructive", children: _jsx(AlertDescription, { children: t(preview ? 'confirmationFailed' : 'previewFailed') }) }), isLoading && _jsxs("div", { role: "status", children: [_jsx("span", { children: t('loading') }), _jsx(Skeleton, { className: "h-8 w-32" })] }), preview && !isLoading && (_jsxs("div", { className: "space-y-element", children: [_jsxs("dl", { children: [deferred && _jsxs(_Fragment, { children: [_jsx("dt", { className: description.base, children: t('effectiveAt') }), _jsx("dd", { className: heading.base, children: formatDate(preview.effectiveAt) })] }), _jsx("dt", { className: description.base, children: t('amountDue') }), _jsx("dd", { className: heading.base, children: formatMoney(preview.amount) }), _jsx("dt", { className: description.base, children: t('invoicePeriod') }), _jsxs("dd", { children: [formatDate(preview.periodStart), " \u2014 ", formatDate(preview.periodEnd)] })] }), _jsx("ul", { className: "space-y-element", "aria-label": t('lineItems'), children: preview.lineItems.map((item, index) => _jsxs("li", { className: "flex flex-wrap justify-between gap-element", children: [_jsxs("span", { children: [item.description, " ", _jsx("span", { className: description.base, children: t('quantity', { quantity: formatNumber(item.quantity) }) })] }), _jsx("span", { children: formatMoney(item.amount) })] }, index)) }), _jsx("p", { className: description.base, children: t(deferred ? 'deferredConfirmationExplanation' : 'confirmationExplanation') })] })), _jsxs("div", { className: "flex flex-wrap gap-element", children: [_jsx(Button, { onClick: onCancel, disabled: isConfirming, variant: ButtonVariants_Variant.OUTLINE, children: t('cancel') }), onRetry && !isConfirming && _jsx(Button, { onClick: onRetry, disabled: isLoading, variant: ButtonVariants_Variant.OUTLINE, children: t('retryPreview') }), preview && onConfirm && _jsx(Button, { onClick: onConfirm, disabled: isLoading || isConfirming, children: t(isConfirming ? 'confirming' : 'confirmChange') })] })] }) }));
 }
 //# sourceMappingURL=billing-plan-change-preview.js.map