@flanksource/clicky-ui 0.3.40 → 0.3.42

package/dist/data/ai/PromptRunEditor/runtimeActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"runtimeActions.js","sources":["../../../../src/data/ai/PromptRunEditor/runtimeActions.tsx"],"sourcesContent":["import { UiSliders } from \"../../../icons\";\nimport { cn } from \"../../../lib/utils\";\nimport type { DropdownMenuItem } from \"../../../overlay/DropdownMenu\";\nimport { presetForRef } from \"../../../lib/runtime-profile-model\";\nimport { Icon } from \"../../Icon\";\nimport type { RuntimeBarAction } from \"../../runtime/RuntimeBarActions\";\nimport {\n  SEGMENT_CAPTION_CLASS,\n  SEGMENT_KEY_CLASS,\n  SegmentItemLabel,\n} from \"../../runtime/RuntimeBarSegment\";\nimport {\n  familyForMode,\n  modeOptionFor,\n  type SpecRuntimeFamily,\n} from \"../../runtime/runtime-mode\";\nimport {\n  UNSPECIFIED_LABEL,\n  UNSPECIFIED_NAME,\n  unspecifiedHint,\n} from \"../../runtime/unspecified\";\nimport { sessionTone } from \"../session-tones\";\nimport type { RuntimePreset } from \"../runtime-profile\";\nimport {\n  SPEC_PERMISSION_MODES,\n  type AISpecRuntimeValue,\n  type SpecPermissionMode,\n} from \"../SpecRuntimeEditor.model\";\nimport {\n  collapsePermissionModeAliases,\n  permissionModeVisual,\n} from \"../SpecRuntimeEditor/permission-mode-visuals\";\nimport { publishedPermissionModes } from \"../SpecRuntimeEditor/permissions-model\";\nimport { withPermissionMode } from \"../SpecRuntimeEditor/update\";\n\nconst PERMISSION_GROUP = \"Permission posture\";\nconst PRESETS_GROUP = \"Presets\";\n\n/**\n * The `permissions.mode` field as a runtime-bar action. Narrowing, aliasing and\n * labelling follow `PermissionModeField` exactly, so the bar and the spec\n * modal never disagree about which postures a runtime publishes.\n *\n * Undefined when the resolved runtime publishes no postures (schema\n * `enum: null`) and the spec holds none either — there is nothing to edit.\n */\nexport function permissionField({\n  spec,\n  families,\n  effectiveMode,\n  onChange,\n}: {\n  spec: AISpecRuntimeValue;\n  families: SpecRuntimeFamily[];\n  effectiveMode?: string | undefined;\n  onChange: (spec: AISpecRuntimeValue) => void;\n}): RuntimeBarAction | undefined {\n  const specMode = spec.mode?.trim() || effectiveMode?.trim();\n  const runtime = specMode ? modeOptionFor(families, specMode) : undefined;\n  const family = specMode ? familyForMode(families, specMode) : undefined;\n  const available = publishedPermissionModes(runtime?.schema);\n  const published = SPEC_PERMISSION_MODES.filter((mode) =>\n    available.includes(mode),\n  );\n  const current = spec.permissions?.mode;\n  const support = Object.fromEntries(\n    published.map((mode) => [\n      mode,\n      runtime?.permissions?.modes[mode] ?? { kind: \"native\" as const },\n    ]),\n  );\n  const visible = collapsePermissionModeAliases(\n    family?.id,\n    published,\n    current,\n    support,\n  );\n  // A posture the runtime does not publish is a misconfiguration the operator\n  // must see, not one the bar may silently drop.\n  const unpublished = current !== undefined && !published.includes(current);\n  if (visible.length === 0 && !unpublished) return undefined;\n\n  const runtimeLabel = runtime\n    ? `${family?.label ?? specMode} ${runtime.label}`\n    : (specMode ?? \"the current runtime\");\n  const currentVisual = current\n    ? permissionModeVisual(family?.id, current)\n    : undefined;\n  const select = (mode: SpecPermissionMode | undefined) =>\n    onChange(withPermissionMode(spec, mode));\n\n  return {\n    id: \"permissions.mode\",\n    label: PERMISSION_GROUP,\n    ...(currentVisual?.icon ? { icon: currentVisual.icon } : {}),\n    title: unpublished\n      ? `${PERMISSION_GROUP} — ${currentVisual?.label} is not available for ${runtimeLabel}`\n      : `${PERMISSION_GROUP} — ${currentVisual?.label ?? UNSPECIFIED_NAME}`,\n    caption: (\n      <>\n        <span className={cn(SEGMENT_KEY_CLASS, \"min-w-0 truncate\")}>Perms</span>\n        {currentVisual && (\n          <Icon\n            icon={currentVisual.icon}\n            className={cn(\n              \"size-4 shrink-0\",\n              unpublished\n                ? \"text-destructive\"\n                : sessionTone(currentVisual.tone).text,\n            )}\n          />\n        )}\n        <span\n          className={cn(\n            SEGMENT_CAPTION_CLASS,\n            \"shrink-0\",\n            unpublished && \"text-destructive\",\n          )}\n        >\n          {currentVisual?.label ?? UNSPECIFIED_LABEL}\n        </span>\n      </>\n    ),\n    items: [\n      {\n        group: PERMISSION_GROUP,\n        label: (\n          <SegmentItemLabel\n            text={UNSPECIFIED_LABEL}\n            hint={unspecifiedHint()}\n            selected={current === undefined}\n          />\n        ),\n        onSelect: () => select(undefined),\n      },\n      ...visible.map((mode) => {\n        const visual = permissionModeVisual(family?.id, mode);\n        const cell = support[mode];\n        return {\n          group: PERMISSION_GROUP,\n          label: (\n            <SegmentItemLabel\n              text={visual.label}\n              {...(cell?.effects?.note ? { hint: cell.effects.note } : {})}\n              selected={mode === current}\n              stacked\n            />\n          ),\n          icon: visual.icon,\n          onSelect: () => select(mode),\n        };\n      }),\n      ...(unpublished && current\n        ? [\n            {\n              group: PERMISSION_GROUP,\n              label: (\n                <SegmentItemLabel\n                  text={permissionModeVisual(family?.id, current).label}\n                  hint={`not available for ${runtimeLabel}`}\n                  selected\n                  stacked\n                />\n              ),\n              icon: permissionModeVisual(family?.id, current).icon,\n              disabled: true,\n              onSelect: () => {},\n            },\n          ]\n        : []),\n    ],\n  };\n}\n\n/**\n * Preset selection as a runtime-bar action. Toggling happens in the menu;\n * ORDERING does not — reordering needs move controls, which cannot live inside\n * `role=\"menu\"` — so the field hands that off to a host-owned modal.\n */\nexport function presetsField({\n  presets,\n  value,\n  onChange,\n  onReorder,\n}: {\n  presets: RuntimePreset[];\n  value: string[];\n  onChange: (next: string[]) => void;\n  onReorder: () => void;\n}): RuntimeBarAction {\n  const rows = value.map((ref) => ({ ref, preset: presetForRef(ref, presets) }));\n  const names = rows.map(({ ref, preset }) => preset?.name ?? ref);\n  const missing = rows.some(({ preset }) => !preset);\n\n  const toggle = (preset: RuntimePreset) => {\n    const index = rows.findIndex((row) => row.preset?.id === preset.id);\n    // Removing keeps the surviving order; adding appends, so the newest preset\n    // resolves last and therefore wins.\n    onChange(\n      index === -1\n        ? [...value, preset.id]\n        : value.filter((_, itemIndex) => itemIndex !== index),\n    );\n  };\n\n  return {\n    id: \"presets\",\n    label: PRESETS_GROUP,\n    title: names.length > 0 ? `Presets — ${names.join(\", \")}` : \"Presets — none\",\n    caption: (\n      <>\n        <span className={cn(SEGMENT_KEY_CLASS, \"min-w-0 truncate\")}>\n          Presets\n        </span>\n        <span className={cn(SEGMENT_CAPTION_CLASS, \"shrink-0\")}>\n          {names.length > 0 ? String(names.length) : UNSPECIFIED_LABEL}\n        </span>\n      </>\n    ),\n    items: [\n      ...presets.map((preset) => ({\n        group: PRESETS_GROUP,\n        label: (\n          <SegmentItemLabel\n            text={preset.name}\n            {...(preset.description ? { hint: preset.description } : {})}\n            selected={rows.some((row) => row.preset?.id === preset.id)}\n            stacked\n          />\n        ),\n        onSelect: () => toggle(preset),\n      })),\n      // Ordering matters past one preset; a reference the catalog cannot\n      // resolve is only removable there, so it opens the modal on its own.\n      ...(names.length >= 2 || missing\n        ? [\n            {\n              group: \"Order\",\n              label: \"Reorder presets…\",\n              icon: UiSliders,\n              onSelect: onReorder,\n            } satisfies DropdownMenuItem,\n          ]\n        : []),\n    ],\n  };\n}\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"runtimeActions.js","sources":["../../../../src/data/ai/PromptRunEditor/runtimeActions.tsx"],"sourcesContent":["import { UiShield, UiSliders } from \"../../../icons\";\nimport { cn } from \"../../../lib/utils\";\nimport type { DropdownMenuItem } from \"../../../overlay/DropdownMenu\";\nimport { presetForRef } from \"../../../lib/runtime-profile-model\";\nimport { Icon } from \"../../Icon\";\nimport type { RuntimeBarAction } from \"../../runtime/RuntimeBarActions\";\nimport type { ChatModel } from \"../../chat/types\";\nimport {\n  SEGMENT_CAPTION_CLASS,\n  SEGMENT_KEY_CLASS,\n  SegmentItemLabel,\n} from \"../../runtime/RuntimeBarSegment\";\nimport {\n  familyForMode,\n  familyForModel,\n  modeOptionFor,\n  type SpecRuntimeFamily,\n} from \"../../runtime/runtime-mode\";\nimport {\n  UNSPECIFIED_LABEL,\n  UNSPECIFIED_NAME,\n  unspecifiedHint,\n} from \"../../runtime/unspecified\";\nimport { sessionTone } from \"../session-tones\";\nimport type { RuntimePreset } from \"../runtime-profile\";\nimport {\n  SPEC_PERMISSION_MODES,\n  type AISpecRuntimeValue,\n  type SpecPermissionMode,\n} from \"../SpecRuntimeEditor.model\";\nimport {\n  collapsePermissionModeAliases,\n  permissionModeVisual,\n} from \"../SpecRuntimeEditor/permission-mode-visuals\";\nimport { publishedPermissionModes } from \"../SpecRuntimeEditor/permissions-model\";\nimport { withPermissionMode } from \"../SpecRuntimeEditor/update\";\n\nconst PERMISSION_GROUP = \"Permission posture\";\nconst PRESETS_GROUP = \"Presets\";\n\n/**\n * The `permissions.mode` field as a runtime-bar action. Narrowing, aliasing and\n * labelling follow `PermissionModeField` exactly, so the bar and the spec\n * modal never disagree about which postures a runtime publishes.\n *\n * Undefined when the resolved runtime publishes no postures (schema\n * `enum: null`) and the spec holds none either — there is nothing to edit.\n */\nexport function permissionField({\n  spec,\n  families,\n  effectiveMode,\n  effectiveModel,\n  onChange,\n  models = [],\n}: {\n  spec: AISpecRuntimeValue;\n  families: SpecRuntimeFamily[];\n  effectiveMode?: string | undefined;\n  effectiveModel?: string | undefined;\n  onChange: (spec: AISpecRuntimeValue) => void;\n  models?: ChatModel[];\n}): RuntimeBarAction | undefined {\n  const specMode = spec.mode?.trim() || effectiveMode?.trim();\n  const family =\n    familyForModel(families, models, spec.model ?? spec.id ?? effectiveModel) ??\n    (specMode ? familyForMode(families, specMode) : undefined);\n  const runtime = specMode\n    ? modeOptionFor(families, specMode, family?.id)\n    : undefined;\n  const available = publishedPermissionModes(runtime?.schema);\n  const published = SPEC_PERMISSION_MODES.filter((mode) =>\n    available.includes(mode),\n  );\n  const current = spec.permissions?.mode;\n  const support = Object.fromEntries(\n    published.map((mode) => [\n      mode,\n      runtime?.permissions?.modes[mode] ?? { kind: \"native\" as const },\n    ]),\n  );\n  const visible = collapsePermissionModeAliases(\n    family?.id,\n    published,\n    current,\n    support,\n  );\n  // A posture the runtime does not publish is a misconfiguration the operator\n  // must see, not one the bar may silently drop.\n  const unpublished = current !== undefined && !published.includes(current);\n  if (visible.length === 0 && !unpublished) return undefined;\n\n  const runtimeLabel = runtime\n    ? `${family?.label ?? specMode} ${runtime.label}`\n    : specMode ?? \"the current runtime\";\n  const currentVisual = current\n    ? permissionModeVisual(family?.id, current)\n    : undefined;\n  const select = (mode: SpecPermissionMode | undefined) =>\n    onChange(withPermissionMode(spec, mode));\n\n  return {\n    id: \"permissions.mode\",\n    isSet: current !== undefined,\n    label: PERMISSION_GROUP,\n    icon: UiShield,\n    iconClassName: \"text-muted-foreground\",\n    title: unpublished\n      ? `${PERMISSION_GROUP} — ${currentVisual?.label} is not available for ${runtimeLabel}`\n      : `${PERMISSION_GROUP} — ${currentVisual?.label ?? UNSPECIFIED_NAME}`,\n    caption: (\n      <>\n        <span className={cn(SEGMENT_KEY_CLASS, \"min-w-0 truncate\")}>Perms</span>\n        {currentVisual && (\n          <Icon\n            icon={currentVisual.icon}\n            className={cn(\n              \"size-4 shrink-0\",\n              unpublished\n                ? \"text-destructive\"\n                : sessionTone(currentVisual.tone).text,\n            )}\n          />\n        )}\n        <span\n          className={cn(\n            SEGMENT_CAPTION_CLASS,\n            \"shrink-0\",\n            unpublished && \"text-destructive\",\n          )}\n        >\n          {currentVisual?.label ?? UNSPECIFIED_LABEL}\n        </span>\n      </>\n    ),\n    items: [\n      {\n        group: PERMISSION_GROUP,\n        label: (\n          <SegmentItemLabel\n            text={UNSPECIFIED_LABEL}\n            hint={unspecifiedHint()}\n            selected={current === undefined}\n          />\n        ),\n        onSelect: () => select(undefined),\n      },\n      ...visible.map((mode) => {\n        const visual = permissionModeVisual(family?.id, mode);\n        const cell = support[mode];\n        return {\n          group: PERMISSION_GROUP,\n          label: (\n            <SegmentItemLabel\n              text={visual.label}\n              {...(cell?.effects?.note ? { hint: cell.effects.note } : {})}\n              selected={mode === current}\n              stacked\n            />\n          ),\n          icon: visual.icon,\n          iconClassName: sessionTone(visual.tone).text,\n          onSelect: () => select(mode),\n        };\n      }),\n      ...(unpublished && current\n        ? [\n            {\n              group: PERMISSION_GROUP,\n              label: (\n                <SegmentItemLabel\n                  text={permissionModeVisual(family?.id, current).label}\n                  hint={`not available for ${runtimeLabel}`}\n                  selected\n                  stacked\n                />\n              ),\n              icon: permissionModeVisual(family?.id, current).icon,\n              iconClassName: \"text-destructive\",\n              disabled: true,\n              onSelect: () => {},\n            },\n          ]\n        : []),\n    ],\n  };\n}\n\n/**\n * Preset selection as a runtime-bar action. Toggling happens in the menu;\n * ORDERING does not — reordering needs move controls, which cannot live inside\n * `role=\"menu\"` — so the field hands that off to a host-owned modal.\n */\nexport function presetsField({\n  presets,\n  value,\n  onChange,\n  onReorder,\n}: {\n  presets: RuntimePreset[];\n  value: string[];\n  onChange: (next: string[]) => void;\n  onReorder: () => void;\n}): RuntimeBarAction {\n  const rows = value.map((ref) => ({\n    ref,\n    preset: presetForRef(ref, presets),\n  }));\n  const names = rows.map(({ ref, preset }) => preset?.name ?? ref);\n  const missing = rows.some(({ preset }) => !preset);\n\n  const toggle = (preset: RuntimePreset) => {\n    const index = rows.findIndex((row) => row.preset?.id === preset.id);\n    // Removing keeps the surviving order; adding appends, so the newest preset\n    // resolves last and therefore wins.\n    onChange(\n      index === -1\n        ? [...value, preset.id]\n        : value.filter((_, itemIndex) => itemIndex !== index),\n    );\n  };\n\n  return {\n    id: \"presets\",\n    isSet: value.length > 0,\n    label: PRESETS_GROUP,\n    title:\n      names.length > 0 ? `Presets — ${names.join(\", \")}` : \"Presets — none\",\n    caption: (\n      <>\n        <span className={cn(SEGMENT_KEY_CLASS, \"min-w-0 truncate\")}>\n          Presets\n        </span>\n        <span className={cn(SEGMENT_CAPTION_CLASS, \"shrink-0\")}>\n          {names.length > 0 ? String(names.length) : UNSPECIFIED_LABEL}\n        </span>\n      </>\n    ),\n    items: [\n      ...presets.map((preset) => ({\n        group: PRESETS_GROUP,\n        label: (\n          <SegmentItemLabel\n            text={preset.name}\n            {...(preset.description ? { hint: preset.description } : {})}\n            selected={rows.some((row) => row.preset?.id === preset.id)}\n            stacked\n          />\n        ),\n        onSelect: () => toggle(preset),\n      })),\n      // Ordering matters past one preset; a reference the catalog cannot\n      // resolve is only removable there, so it opens the modal on its own.\n      ...(names.length >= 2 || missing\n        ? [\n            {\n              group: \"Order\",\n              label: \"Reorder presets…\",\n              icon: UiSliders,\n              onSelect: onReorder,\n            } satisfies DropdownMenuItem,\n          ]\n        : []),\n    ],\n  };\n}\n"],"names":["_a"],"mappings":"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"}

package/dist/data/ai/SessionInspector.approvals-model.cjs

@@ -5,5 +5,17 @@ function pendingApprovalRequests(requests) {
     (request) => request.state === "pending" && request.kind === "tool_approval"
   );
 }
+function decisionFields(decision) {
+  const { answers, interrupt, scope, grants, content } = decision;
+  const fields = {
+    ...answers ? { answers } : {},
+    ...interrupt ? { interrupt } : {},
+    ...scope ? { scope } : {},
+    ...grants ? { grants } : {},
+    ...content ? { content } : {}
+  };
+  return Object.keys(fields).length > 0 ? fields : void 0;
+}
+exports.decisionFields = decisionFields;
 exports.pendingApprovalRequests = pendingApprovalRequests;
 //# sourceMappingURL=SessionInspector.approvals-model.cjs.map

package/dist/data/ai/SessionInspector.approvals-model.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.approvals-model.cjs","sources":["../../../src/data/ai/SessionInspector.approvals-model.ts"],"sourcesContent":["import type { SessionApprovalRequest } from \"./SessionViewer.unified\";\n\n/** Approve or deny one pending approval. */\nexport type ApprovalResolveAction = \"approve\" | \"deny\";\n\n/** Resolves one `session.requests[]` row. Rejecting surfaces the server's\n *  refusal text inline on that row (e.g. the prompt run is no longer\n *  `waiting`) instead of leaving the Approve/Deny buttons silently inert. */\nexport type ApprovalResolveHandler = (\n  approvalId: string,\n  action: ApprovalResolveAction,\n  message?: string,\n) => void | Promise<void>;\n\n/** The subset of `session.requests[]` the approvals panel surfaces: outstanding\n *  tool approvals, regardless of which surface (in-process chat or an external\n *  broker) created the request.\n *\n *  It lives here rather than beside the panel because it is a selector, not a\n *  component, and a module that exports both loses fast refresh for everything\n *  in it. Its other caller — the SessionInspector tab badge — only ever wanted\n *  the count anyway. */\nexport function pendingApprovalRequests(\n  requests: SessionApprovalRequest[] | undefined,\n): SessionApprovalRequest[] {\n  return (requests ?? []).filter(\n    (request) => request.state === \"pending\" && request.kind === \"tool_approval\",\n  );\n}\n"],"names":[],"mappings":";;AAsBO,SAAS,wBACd,UAC0B;AAC1B,UAAQ,YAAY,CAAA,GAAI;AAAA,IACtB,CAAC,YAAY,QAAQ,UAAU,aAAa,QAAQ,SAAS;AAAA,EAAA;AAEjE;;"}
+{"version":3,"file":"SessionInspector.approvals-model.cjs","sources":["../../../src/data/ai/SessionInspector.approvals-model.ts"],"sourcesContent":["import type { ApprovalDecisionFields } from \"./approval-request\";\nimport type { SessionApprovalRequest } from \"./SessionViewer.unified\";\n\n/** Approve or deny one pending approval. */\nexport type ApprovalResolveAction = \"approve\" | \"deny\";\n\n/** Resolves one `session.requests[]` row. Rejecting surfaces the server's\n *  refusal text inline on that row (e.g. the prompt run is no longer\n *  `waiting`) instead of leaving the Approve/Deny buttons silently inert.\n *\n *  `decision` is passed only for a typed approval that sent more than\n *  approve/deny + message: answers, form content, grants, scope, or interrupt\n *  (Cancel is `deny` with `interrupt`). A plain approval calls it with three\n *  arguments, exactly as before typed approvals existed. */\nexport type ApprovalResolveHandler = (\n  approvalId: string,\n  action: ApprovalResolveAction,\n  message?: string,\n  decision?: ApprovalDecisionFields,\n) => void | Promise<void>;\n\n/** The subset of `session.requests[]` the approvals panel surfaces: outstanding\n *  tool approvals, regardless of which surface (in-process chat or an external\n *  broker) created the request.\n *\n *  It lives here rather than beside the panel because it is a selector, not a\n *  component, and a module that exports both loses fast refresh for everything\n *  in it. Its other caller — the SessionInspector tab badge — only ever wanted\n *  the count anyway. */\nexport function pendingApprovalRequests(\n  requests: SessionApprovalRequest[] | undefined,\n): SessionApprovalRequest[] {\n  return (requests ?? []).filter(\n    (request) => request.state === \"pending\" && request.kind === \"tool_approval\",\n  );\n}\n\n/** The typed-decision fields a decision actually set, or undefined when it is a\n *  plain approve/deny. */\nexport function decisionFields(\n  decision: ApprovalDecisionFields,\n): ApprovalDecisionFields | undefined {\n  const { answers, interrupt, scope, grants, content } = decision;\n  const fields: ApprovalDecisionFields = {\n    ...(answers ? { answers } : {}),\n    ...(interrupt ? { interrupt } : {}),\n    ...(scope ? { scope } : {}),\n    ...(grants ? { grants } : {}),\n    ...(content ? { content } : {}),\n  };\n  return Object.keys(fields).length > 0 ? fields : undefined;\n}\n"],"names":[],"mappings":";;AA6BO,SAAS,wBACd,UAC0B;AAC1B,UAAQ,YAAY,CAAA,GAAI;AAAA,IACtB,CAAC,YAAY,QAAQ,UAAU,aAAa,QAAQ,SAAS;AAAA,EAAA;AAEjE;AAIO,SAAS,eACd,UACoC;AACpC,QAAM,EAAE,SAAS,WAAW,OAAO,QAAQ,YAAY;AACvD,QAAM,SAAiC;AAAA,IACrC,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA;AAAA,IAC5B,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,IAChC,GAAI,QAAQ,EAAE,MAAA,IAAU,CAAA;AAAA,IACxB,GAAI,SAAS,EAAE,OAAA,IAAW,CAAA;AAAA,IAC1B,GAAI,UAAU,EAAE,YAAY,CAAA;AAAA,EAAC;AAE/B,SAAO,OAAO,KAAK,MAAM,EAAE,SAAS,IAAI,SAAS;AACnD;;;"}

package/dist/data/ai/SessionInspector.approvals-model.d.ts

@@ -1,10 +1,16 @@
+import { ApprovalDecisionFields } from './approval-request.js';
 import { SessionApprovalRequest } from './SessionViewer.unified.js';
 /** Approve or deny one pending approval. */
 export type ApprovalResolveAction = "approve" | "deny";
 /** Resolves one `session.requests[]` row. Rejecting surfaces the server's
  *  refusal text inline on that row (e.g. the prompt run is no longer
- *  `waiting`) instead of leaving the Approve/Deny buttons silently inert. */
-export type ApprovalResolveHandler = (approvalId: string, action: ApprovalResolveAction, message?: string) => void | Promise<void>;
+ *  `waiting`) instead of leaving the Approve/Deny buttons silently inert.
+ *
+ *  `decision` is passed only for a typed approval that sent more than
+ *  approve/deny + message: answers, form content, grants, scope, or interrupt
+ *  (Cancel is `deny` with `interrupt`). A plain approval calls it with three
+ *  arguments, exactly as before typed approvals existed. */
+export type ApprovalResolveHandler = (approvalId: string, action: ApprovalResolveAction, message?: string, decision?: ApprovalDecisionFields) => void | Promise<void>;
 /** The subset of `session.requests[]` the approvals panel surfaces: outstanding
  *  tool approvals, regardless of which surface (in-process chat or an external
  *  broker) created the request.
@@ -14,4 +20,7 @@ export type ApprovalResolveHandler = (approvalId: string, action: ApprovalResolv
  *  in it. Its other caller — the SessionInspector tab badge — only ever wanted
  *  the count anyway. */
 export declare function pendingApprovalRequests(requests: SessionApprovalRequest[] | undefined): SessionApprovalRequest[];
+/** The typed-decision fields a decision actually set, or undefined when it is a
+ *  plain approve/deny. */
+export declare function decisionFields(decision: ApprovalDecisionFields): ApprovalDecisionFields | undefined;
 //# sourceMappingURL=SessionInspector.approvals-model.d.ts.map

package/dist/data/ai/SessionInspector.approvals-model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.approvals-model.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.approvals-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEtE,4CAA4C;AAC5C,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,MAAM,CAAC;AAEvD;;6EAE6E;AAC7E,MAAM,MAAM,sBAAsB,GAAG,CACnC,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,qBAAqB,EAC7B,OAAO,CAAC,EAAE,MAAM,KACb,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAE1B;;;;;;;wBAOwB;AACxB,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,sBAAsB,EAAE,GAAG,SAAS,GAC7C,sBAAsB,EAAE,CAI1B"}
+{"version":3,"file":"SessionInspector.approvals-model.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.approvals-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEtE,4CAA4C;AAC5C,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,MAAM,CAAC;AAEvD;;;;;;;4DAO4D;AAC5D,MAAM,MAAM,sBAAsB,GAAG,CACnC,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,qBAAqB,EAC7B,OAAO,CAAC,EAAE,MAAM,EAChB,QAAQ,CAAC,EAAE,sBAAsB,KAC9B,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAE1B;;;;;;;wBAOwB;AACxB,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,sBAAsB,EAAE,GAAG,SAAS,GAC7C,sBAAsB,EAAE,CAI1B;AAED;0BAC0B;AAC1B,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,sBAAsB,GAC/B,sBAAsB,GAAG,SAAS,CAUpC"}

package/dist/data/ai/SessionInspector.approvals-model.js

@@ -3,7 +3,19 @@ function pendingApprovalRequests(requests) {
     (request) => request.state === "pending" && request.kind === "tool_approval"
   );
 }
+function decisionFields(decision) {
+  const { answers, interrupt, scope, grants, content } = decision;
+  const fields = {
+    ...answers ? { answers } : {},
+    ...interrupt ? { interrupt } : {},
+    ...scope ? { scope } : {},
+    ...grants ? { grants } : {},
+    ...content ? { content } : {}
+  };
+  return Object.keys(fields).length > 0 ? fields : void 0;
+}
 export {
+  decisionFields,
   pendingApprovalRequests
 };
 //# sourceMappingURL=SessionInspector.approvals-model.js.map

package/dist/data/ai/SessionInspector.approvals-model.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.approvals-model.js","sources":["../../../src/data/ai/SessionInspector.approvals-model.ts"],"sourcesContent":["import type { SessionApprovalRequest } from \"./SessionViewer.unified\";\n\n/** Approve or deny one pending approval. */\nexport type ApprovalResolveAction = \"approve\" | \"deny\";\n\n/** Resolves one `session.requests[]` row. Rejecting surfaces the server's\n *  refusal text inline on that row (e.g. the prompt run is no longer\n *  `waiting`) instead of leaving the Approve/Deny buttons silently inert. */\nexport type ApprovalResolveHandler = (\n  approvalId: string,\n  action: ApprovalResolveAction,\n  message?: string,\n) => void | Promise<void>;\n\n/** The subset of `session.requests[]` the approvals panel surfaces: outstanding\n *  tool approvals, regardless of which surface (in-process chat or an external\n *  broker) created the request.\n *\n *  It lives here rather than beside the panel because it is a selector, not a\n *  component, and a module that exports both loses fast refresh for everything\n *  in it. Its other caller — the SessionInspector tab badge — only ever wanted\n *  the count anyway. */\nexport function pendingApprovalRequests(\n  requests: SessionApprovalRequest[] | undefined,\n): SessionApprovalRequest[] {\n  return (requests ?? []).filter(\n    (request) => request.state === \"pending\" && request.kind === \"tool_approval\",\n  );\n}\n"],"names":[],"mappings":"AAsBO,SAAS,wBACd,UAC0B;AAC1B,UAAQ,YAAY,CAAA,GAAI;AAAA,IACtB,CAAC,YAAY,QAAQ,UAAU,aAAa,QAAQ,SAAS;AAAA,EAAA;AAEjE;"}
+{"version":3,"file":"SessionInspector.approvals-model.js","sources":["../../../src/data/ai/SessionInspector.approvals-model.ts"],"sourcesContent":["import type { ApprovalDecisionFields } from \"./approval-request\";\nimport type { SessionApprovalRequest } from \"./SessionViewer.unified\";\n\n/** Approve or deny one pending approval. */\nexport type ApprovalResolveAction = \"approve\" | \"deny\";\n\n/** Resolves one `session.requests[]` row. Rejecting surfaces the server's\n *  refusal text inline on that row (e.g. the prompt run is no longer\n *  `waiting`) instead of leaving the Approve/Deny buttons silently inert.\n *\n *  `decision` is passed only for a typed approval that sent more than\n *  approve/deny + message: answers, form content, grants, scope, or interrupt\n *  (Cancel is `deny` with `interrupt`). A plain approval calls it with three\n *  arguments, exactly as before typed approvals existed. */\nexport type ApprovalResolveHandler = (\n  approvalId: string,\n  action: ApprovalResolveAction,\n  message?: string,\n  decision?: ApprovalDecisionFields,\n) => void | Promise<void>;\n\n/** The subset of `session.requests[]` the approvals panel surfaces: outstanding\n *  tool approvals, regardless of which surface (in-process chat or an external\n *  broker) created the request.\n *\n *  It lives here rather than beside the panel because it is a selector, not a\n *  component, and a module that exports both loses fast refresh for everything\n *  in it. Its other caller — the SessionInspector tab badge — only ever wanted\n *  the count anyway. */\nexport function pendingApprovalRequests(\n  requests: SessionApprovalRequest[] | undefined,\n): SessionApprovalRequest[] {\n  return (requests ?? []).filter(\n    (request) => request.state === \"pending\" && request.kind === \"tool_approval\",\n  );\n}\n\n/** The typed-decision fields a decision actually set, or undefined when it is a\n *  plain approve/deny. */\nexport function decisionFields(\n  decision: ApprovalDecisionFields,\n): ApprovalDecisionFields | undefined {\n  const { answers, interrupt, scope, grants, content } = decision;\n  const fields: ApprovalDecisionFields = {\n    ...(answers ? { answers } : {}),\n    ...(interrupt ? { interrupt } : {}),\n    ...(scope ? { scope } : {}),\n    ...(grants ? { grants } : {}),\n    ...(content ? { content } : {}),\n  };\n  return Object.keys(fields).length > 0 ? fields : undefined;\n}\n"],"names":[],"mappings":"AA6BO,SAAS,wBACd,UAC0B;AAC1B,UAAQ,YAAY,CAAA,GAAI;AAAA,IACtB,CAAC,YAAY,QAAQ,UAAU,aAAa,QAAQ,SAAS;AAAA,EAAA;AAEjE;AAIO,SAAS,eACd,UACoC;AACpC,QAAM,EAAE,SAAS,WAAW,OAAO,QAAQ,YAAY;AACvD,QAAM,SAAiC;AAAA,IACrC,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA;AAAA,IAC5B,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,IAChC,GAAI,QAAQ,EAAE,MAAA,IAAU,CAAA;AAAA,IACxB,GAAI,SAAS,EAAE,OAAA,IAAW,CAAA;AAAA,IAC1B,GAAI,UAAU,EAAE,YAAY,CAAA;AAAA,EAAC;AAE/B,SAAO,OAAO,KAAK,MAAM,EAAE,SAAS,IAAI,SAAS;AACnD;"}

package/dist/data/ai/SessionInspector.approvals.cjs

@@ -9,6 +9,7 @@ const SessionInspector_model = require("./SessionInspector.model.cjs");
 const SessionInspector_panelParts = require("./SessionInspector.panel-parts.cjs");
 const SessionInspector_panelValues = require("./SessionInspector.panel-values.cjs");
 const SessionInspector_approvalsModel = require("./SessionInspector.approvals-model.cjs");
+const SessionViewer_approvalBody = require("./SessionViewer.approval-body.cjs");
 const UiClock = require("../../icons/components/UiClock.cjs");
 function SessionApprovalsPanel({
   approvals,
@@ -97,6 +98,11 @@ function PendingApprovalRow({
     input: request.input,
     approval: { id: request.id }
   };
+  const typed = request.request;
+  const decideTyped = onResolve ? async (decision) => {
+    const fields = SessionInspector_approvalsModel.decisionFields(decision);
+    await (fields ? onResolve(request.id, decision.allow ? "approve" : "deny", decision.message, fields) : onResolve(request.id, decision.allow ? "approve" : "deny", decision.message));
+  } : void 0;
   const handleApprove = (approvalId, approved, reason) => {
     if (!onResolve) return;
     setError(void 0);
@@ -116,7 +122,25 @@ function PendingApprovalRow({
         request.expiresAt ? /* @__PURE__ */ jsxRuntime.jsx("span", { title: SessionInspector_model.formatDate(request.expiresAt), children: remainingLabel(request.expiresAt) }) : null
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
+    typed ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "not-prose", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-foreground", children: request.tool }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        SessionViewer_approvalBody.TypedApprovalBody,
+        {
+          event: {
+            id: request.id,
+            kind: "tool",
+            tool: request.tool,
+            pending: true,
+            approvalId: request.id,
+            approvalKind: typed.kind,
+            approvalRequest: typed
+          },
+          request: typed,
+          onDecision: decideTyped
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx(
       ToolCall.ToolCall,
       {
         part,

package/dist/data/ai/SessionInspector.approvals.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.approvals.cjs","sources":["../../../src/data/ai/SessionInspector.approvals.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { KeyValueList } from \"../KeyValueList\";\nimport { Icon } from \"../Icon\";\nimport { UiClock } from \"../../icons\";\nimport { ToolCall } from \"../chat/ToolCall\";\nimport type { AnyToolPart } from \"../chat/types\";\nimport { durationLabel, formatDate } from \"./SessionInspector.model\";\nimport { EmptyState, SimpleList } from \"./SessionInspector.panel-parts\";\nimport { kv } from \"./SessionInspector.panel-values\";\nimport {\n  type ApprovalResolveHandler,\n  pendingApprovalRequests,\n} from \"./SessionInspector.approvals-model\";\nimport type {\n  SessionApprovalRequest,\n  SessionApprovalStats,\n} from \"./SessionViewer.unified\";\n\nexport type {\n  ApprovalResolveAction,\n  ApprovalResolveHandler,\n} from \"./SessionInspector.approvals-model\";\n\n/** Renders every pending tool approval directly from `session.requests[]`\n *  (never from transcript parts — an approval brokered outside this session's\n *  own chat has no transcript part) plus the resolved approve/deny/denial\n *  summary the panel previously showed alone. */\nexport function SessionApprovalsPanel({\n  approvals,\n  requests,\n  onResolve,\n}: {\n  approvals: SessionApprovalStats | undefined;\n  requests?: SessionApprovalRequest[] | undefined;\n  onResolve?: ApprovalResolveHandler;\n}) {\n  const pending = pendingApprovalRequests(requests);\n  const hasResolvedSummary = Boolean(\n    approvals &&\n      (approvals.approved ||\n        approvals.denied ||\n        approvals.cancelled ||\n        approvals.expired ||\n        approvals.denials?.length),\n  );\n\n  if (!pending.length && !hasResolvedSummary) {\n    return <EmptyState>No approval metadata.</EmptyState>;\n  }\n\n  return (\n    <div className=\"space-y-density-4\">\n      {pending.length ? (\n        <PendingApprovalsList\n          requests={pending}\n          {...(onResolve ? { onResolve } : {})}\n        />\n      ) : null}\n      {hasResolvedSummary ? (\n        <ResolvedApprovalsSummary approvals={approvals!} />\n      ) : null}\n    </div>\n  );\n}\n\nfunction ResolvedApprovalsSummary({\n  approvals,\n}: {\n  approvals: SessionApprovalStats;\n}) {\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList\n        items={[\n          kv(\"Approved\", approvals.approved ?? 0),\n          kv(\"Denied\", approvals.denied ?? 0),\n          kv(\"Cancelled\", approvals.cancelled ?? 0),\n          kv(\"Expired\", approvals.expired ?? 0),\n        ]}\n      />\n      {approvals.denials?.length ? (\n        <SimpleList\n          title=\"Denials\"\n          rows={approvals.denials.map((denial, index) => ({\n            key: denial.toolUseId || `${denial.tool}-${index}`,\n            title: [denial.tool, denial.toolUseId].filter(Boolean).join(\" \"),\n            detail: denial.reason,\n          }))}\n        />\n      ) : null}\n    </div>\n  );\n}\n\nfunction PendingApprovalsList({\n  requests,\n  onResolve,\n}: {\n  requests: SessionApprovalRequest[];\n  onResolve?: ApprovalResolveHandler;\n}) {\n  return (\n    <section>\n      <h3 className=\"mb-density-2 flex items-center gap-1.5 text-xs font-semibold uppercase text-amber-600 dark:text-amber-400\">\n        <Icon icon={UiClock} className=\"size-3.5\" />\n        Awaiting approval ({requests.length})\n      </h3>\n      <ul className=\"space-y-density-2\">\n        {requests.map((request) => (\n          <li key={request.id}>\n            <PendingApprovalRow\n              request={request}\n              {...(onResolve ? { onResolve } : {})}\n            />\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n\nfunction PendingApprovalRow({\n  request,\n  onResolve,\n}: {\n  request: SessionApprovalRequest;\n  onResolve?: ApprovalResolveHandler;\n}) {\n  const [error, setError] = useState<string | undefined>(undefined);\n  const [busy, setBusy] = useState(false);\n\n  const part: AnyToolPart = {\n    type: \"dynamic-tool\",\n    toolName: request.tool,\n    toolCallId: request.toolCallId || request.id,\n    state: \"approval-requested\",\n    input: request.input,\n    approval: { id: request.id },\n  };\n\n  const handleApprove = (\n    approvalId: string,\n    approved: boolean,\n    reason?: string,\n  ) => {\n    if (!onResolve) return;\n    setError(undefined);\n    setBusy(true);\n    void Promise.resolve(onResolve(approvalId, approved ? \"approve\" : \"deny\", reason))\n      .catch((err: unknown) => {\n        setError(err instanceof Error ? err.message : String(err));\n      })\n      .finally(() => setBusy(false));\n  };\n\n  return (\n    <div className=\"rounded-md border border-amber-300/60 bg-amber-50/40 p-density-3 dark:border-amber-800/60 dark:bg-amber-950/20\">\n      <div className=\"mb-1 flex flex-wrap items-center justify-between gap-2 text-[11px] text-muted-foreground\">\n        <span>\n          {request.requestedBy\n            ? `Requested by ${request.requestedBy}`\n            : \"Requested\"}\n        </span>\n        <span className=\"flex gap-density-3\">\n          {request.createdAt ? (\n            <span title={formatDate(request.createdAt)}>\n              {ageLabel(request.createdAt)} ago\n            </span>\n          ) : null}\n          {request.expiresAt ? (\n            <span title={formatDate(request.expiresAt)}>\n              {remainingLabel(request.expiresAt)}\n            </span>\n          ) : null}\n        </span>\n      </div>\n      <ToolCall\n        part={part}\n        defaultOpen\n        onApprove={busy ? undefined : handleApprove}\n      />\n      {busy ? (\n        <p className=\"mt-1.5 pl-4 text-xs text-muted-foreground\">\n          Submitting…\n        </p>\n      ) : null}\n      {error ? (\n        <p role=\"alert\" className=\"mt-1.5 pl-4 text-xs text-destructive\">\n          {error}\n        </p>\n      ) : null}\n    </div>\n  );\n}\n\nfunction ageLabel(createdAt: string): string {\n  return durationLabel(createdAt) || \"0s\";\n}\n\nfunction remainingLabel(expiresAt: string): string {\n  const expiry = new Date(expiresAt).getTime();\n  if (Number.isNaN(expiry)) return \"\";\n  const now = Date.now();\n  if (expiry <= now) return \"expired\";\n  const label = durationLabel(new Date(now).toISOString(), expiresAt);\n  return label ? `${label} left` : \"\";\n}\n"],"names":["pendingApprovalRequests","jsx","EmptyState","jsxs","KeyValueList","kv","SimpleList","Icon","UiClock","useState","formatDate","ToolCall","durationLabel"],"mappings":"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"}
+{"version":3,"file":"SessionInspector.approvals.cjs","sources":["../../../src/data/ai/SessionInspector.approvals.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { KeyValueList } from \"../KeyValueList\";\nimport { Icon } from \"../Icon\";\nimport { UiClock } from \"../../icons\";\nimport { ToolCall } from \"../chat/ToolCall\";\nimport type { AnyToolPart } from \"../chat/types\";\nimport { durationLabel, formatDate } from \"./SessionInspector.model\";\nimport { EmptyState, SimpleList } from \"./SessionInspector.panel-parts\";\nimport { kv } from \"./SessionInspector.panel-values\";\nimport {\n  type ApprovalResolveHandler,\n  decisionFields,\n  pendingApprovalRequests,\n} from \"./SessionInspector.approvals-model\";\nimport { TypedApprovalBody } from \"./SessionViewer.approval-body\";\nimport type { DecisionHandler } from \"./SessionViewer.decision\";\nimport type {\n  SessionApprovalRequest,\n  SessionApprovalStats,\n} from \"./SessionViewer.unified\";\n\nexport type {\n  ApprovalResolveAction,\n  ApprovalResolveHandler,\n} from \"./SessionInspector.approvals-model\";\n\n/** Renders every pending tool approval directly from `session.requests[]`\n *  (never from transcript parts — an approval brokered outside this session's\n *  own chat has no transcript part) plus the resolved approve/deny/denial\n *  summary the panel previously showed alone. */\nexport function SessionApprovalsPanel({\n  approvals,\n  requests,\n  onResolve,\n}: {\n  approvals: SessionApprovalStats | undefined;\n  requests?: SessionApprovalRequest[] | undefined;\n  onResolve?: ApprovalResolveHandler;\n}) {\n  const pending = pendingApprovalRequests(requests);\n  const hasResolvedSummary = Boolean(\n    approvals &&\n      (approvals.approved ||\n        approvals.denied ||\n        approvals.cancelled ||\n        approvals.expired ||\n        approvals.denials?.length),\n  );\n\n  if (!pending.length && !hasResolvedSummary) {\n    return <EmptyState>No approval metadata.</EmptyState>;\n  }\n\n  return (\n    <div className=\"space-y-density-4\">\n      {pending.length ? (\n        <PendingApprovalsList\n          requests={pending}\n          {...(onResolve ? { onResolve } : {})}\n        />\n      ) : null}\n      {hasResolvedSummary ? (\n        <ResolvedApprovalsSummary approvals={approvals!} />\n      ) : null}\n    </div>\n  );\n}\n\nfunction ResolvedApprovalsSummary({\n  approvals,\n}: {\n  approvals: SessionApprovalStats;\n}) {\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList\n        items={[\n          kv(\"Approved\", approvals.approved ?? 0),\n          kv(\"Denied\", approvals.denied ?? 0),\n          kv(\"Cancelled\", approvals.cancelled ?? 0),\n          kv(\"Expired\", approvals.expired ?? 0),\n        ]}\n      />\n      {approvals.denials?.length ? (\n        <SimpleList\n          title=\"Denials\"\n          rows={approvals.denials.map((denial, index) => ({\n            key: denial.toolUseId || `${denial.tool}-${index}`,\n            title: [denial.tool, denial.toolUseId].filter(Boolean).join(\" \"),\n            detail: denial.reason,\n          }))}\n        />\n      ) : null}\n    </div>\n  );\n}\n\nfunction PendingApprovalsList({\n  requests,\n  onResolve,\n}: {\n  requests: SessionApprovalRequest[];\n  onResolve?: ApprovalResolveHandler;\n}) {\n  return (\n    <section>\n      <h3 className=\"mb-density-2 flex items-center gap-1.5 text-xs font-semibold uppercase text-amber-600 dark:text-amber-400\">\n        <Icon icon={UiClock} className=\"size-3.5\" />\n        Awaiting approval ({requests.length})\n      </h3>\n      <ul className=\"space-y-density-2\">\n        {requests.map((request) => (\n          <li key={request.id}>\n            <PendingApprovalRow\n              request={request}\n              {...(onResolve ? { onResolve } : {})}\n            />\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n\nfunction PendingApprovalRow({\n  request,\n  onResolve,\n}: {\n  request: SessionApprovalRequest;\n  onResolve?: ApprovalResolveHandler;\n}) {\n  const [error, setError] = useState<string | undefined>(undefined);\n  const [busy, setBusy] = useState(false);\n\n  const part: AnyToolPart = {\n    type: \"dynamic-tool\",\n    toolName: request.tool,\n    toolCallId: request.toolCallId || request.id,\n    state: \"approval-requested\",\n    input: request.input,\n    approval: { id: request.id },\n  };\n\n  const typed = request.request;\n  const decideTyped: DecisionHandler | undefined = onResolve\n    ? async (decision) => {\n        const fields = decisionFields(decision);\n        await (fields\n          ? onResolve(request.id, decision.allow ? \"approve\" : \"deny\", decision.message, fields)\n          : onResolve(request.id, decision.allow ? \"approve\" : \"deny\", decision.message));\n      }\n    : undefined;\n\n  const handleApprove = (\n    approvalId: string,\n    approved: boolean,\n    reason?: string,\n  ) => {\n    if (!onResolve) return;\n    setError(undefined);\n    setBusy(true);\n    void Promise.resolve(onResolve(approvalId, approved ? \"approve\" : \"deny\", reason))\n      .catch((err: unknown) => {\n        setError(err instanceof Error ? err.message : String(err));\n      })\n      .finally(() => setBusy(false));\n  };\n\n  return (\n    <div className=\"rounded-md border border-amber-300/60 bg-amber-50/40 p-density-3 dark:border-amber-800/60 dark:bg-amber-950/20\">\n      <div className=\"mb-1 flex flex-wrap items-center justify-between gap-2 text-[11px] text-muted-foreground\">\n        <span>\n          {request.requestedBy\n            ? `Requested by ${request.requestedBy}`\n            : \"Requested\"}\n        </span>\n        <span className=\"flex gap-density-3\">\n          {request.createdAt ? (\n            <span title={formatDate(request.createdAt)}>\n              {ageLabel(request.createdAt)} ago\n            </span>\n          ) : null}\n          {request.expiresAt ? (\n            <span title={formatDate(request.expiresAt)}>\n              {remainingLabel(request.expiresAt)}\n            </span>\n          ) : null}\n        </span>\n      </div>\n      {typed ? (\n        <div className=\"not-prose\">\n          <div className=\"font-medium text-foreground\">{request.tool}</div>\n          <TypedApprovalBody\n            event={{\n              id: request.id,\n              kind: \"tool\",\n              tool: request.tool,\n              pending: true,\n              approvalId: request.id,\n              approvalKind: typed.kind,\n              approvalRequest: typed,\n            }}\n            request={typed}\n            onDecision={decideTyped}\n          />\n        </div>\n      ) : (\n        <ToolCall\n          part={part}\n          defaultOpen\n          onApprove={busy ? undefined : handleApprove}\n        />\n      )}\n      {busy ? (\n        <p className=\"mt-1.5 pl-4 text-xs text-muted-foreground\">\n          Submitting…\n        </p>\n      ) : null}\n      {error ? (\n        <p role=\"alert\" className=\"mt-1.5 pl-4 text-xs text-destructive\">\n          {error}\n        </p>\n      ) : null}\n    </div>\n  );\n}\n\nfunction ageLabel(createdAt: string): string {\n  return durationLabel(createdAt) || \"0s\";\n}\n\nfunction remainingLabel(expiresAt: string): string {\n  const expiry = new Date(expiresAt).getTime();\n  if (Number.isNaN(expiry)) return \"\";\n  const now = Date.now();\n  if (expiry <= now) return \"expired\";\n  const label = durationLabel(new Date(now).toISOString(), expiresAt);\n  return label ? `${label} left` : \"\";\n}\n"],"names":["pendingApprovalRequests","jsx","EmptyState","jsxs","KeyValueList","kv","SimpleList","Icon","UiClock","useState","decisionFields","formatDate","TypedApprovalBody","ToolCall","durationLabel"],"mappings":"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"}

package/dist/data/ai/SessionInspector.approvals.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.approvals.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.approvals.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,KAAK,sBAAsB,EAE5B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EACV,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;AAEjC,YAAY,EACV,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,oCAAoC,CAAC;AAE5C;;;iDAGiD;AACjD,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE;IACD,SAAS,EAAE,oBAAoB,GAAG,SAAS,CAAC;IAC5C,QAAQ,CAAC,EAAE,sBAAsB,EAAE,GAAG,SAAS,CAAC;IAChD,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACpC,+BA4BA"}
+{"version":3,"file":"SessionInspector.approvals.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.approvals.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,KAAK,sBAAsB,EAG5B,MAAM,oCAAoC,CAAC;AAG5C,OAAO,KAAK,EACV,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;AAEjC,YAAY,EACV,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,oCAAoC,CAAC;AAE5C;;;iDAGiD;AACjD,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE;IACD,SAAS,EAAE,oBAAoB,GAAG,SAAS,CAAC;IAC5C,QAAQ,CAAC,EAAE,sBAAsB,EAAE,GAAG,SAAS,CAAC;IAChD,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACpC,+BA4BA"}

package/dist/data/ai/SessionInspector.approvals.js

@@ -6,7 +6,8 @@ import { ToolCall } from "../chat/ToolCall.js";
 import { formatDate, durationLabel } from "./SessionInspector.model.js";
 import { EmptyState, SimpleList } from "./SessionInspector.panel-parts.js";
 import { kv } from "./SessionInspector.panel-values.js";
-import { pendingApprovalRequests } from "./SessionInspector.approvals-model.js";
+import { pendingApprovalRequests, decisionFields } from "./SessionInspector.approvals-model.js";
+import { TypedApprovalBody } from "./SessionViewer.approval-body.js";
 import { UiClock } from "../../icons/components/UiClock.js";
 function SessionApprovalsPanel({
   approvals,
@@ -95,6 +96,11 @@ function PendingApprovalRow({
     input: request.input,
     approval: { id: request.id }
   };
+  const typed = request.request;
+  const decideTyped = onResolve ? async (decision) => {
+    const fields = decisionFields(decision);
+    await (fields ? onResolve(request.id, decision.allow ? "approve" : "deny", decision.message, fields) : onResolve(request.id, decision.allow ? "approve" : "deny", decision.message));
+  } : void 0;
   const handleApprove = (approvalId, approved, reason) => {
     if (!onResolve) return;
     setError(void 0);
@@ -114,7 +120,25 @@ function PendingApprovalRow({
         request.expiresAt ? /* @__PURE__ */ jsx("span", { title: formatDate(request.expiresAt), children: remainingLabel(request.expiresAt) }) : null
       ] })
     ] }),
-    /* @__PURE__ */ jsx(
+    typed ? /* @__PURE__ */ jsxs("div", { className: "not-prose", children: [
+      /* @__PURE__ */ jsx("div", { className: "font-medium text-foreground", children: request.tool }),
+      /* @__PURE__ */ jsx(
+        TypedApprovalBody,
+        {
+          event: {
+            id: request.id,
+            kind: "tool",
+            tool: request.tool,
+            pending: true,
+            approvalId: request.id,
+            approvalKind: typed.kind,
+            approvalRequest: typed
+          },
+          request: typed,
+          onDecision: decideTyped
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx(
       ToolCall,
       {
         part,

package/dist/data/ai/SessionInspector.approvals.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.approvals.js","sources":["../../../src/data/ai/SessionInspector.approvals.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { KeyValueList } from \"../KeyValueList\";\nimport { Icon } from \"../Icon\";\nimport { UiClock } from \"../../icons\";\nimport { ToolCall } from \"../chat/ToolCall\";\nimport type { AnyToolPart } from \"../chat/types\";\nimport { durationLabel, formatDate } from \"./SessionInspector.model\";\nimport { EmptyState, SimpleList } from \"./SessionInspector.panel-parts\";\nimport { kv } from \"./SessionInspector.panel-values\";\nimport {\n  type ApprovalResolveHandler,\n  pendingApprovalRequests,\n} from \"./SessionInspector.approvals-model\";\nimport type {\n  SessionApprovalRequest,\n  SessionApprovalStats,\n} from \"./SessionViewer.unified\";\n\nexport type {\n  ApprovalResolveAction,\n  ApprovalResolveHandler,\n} from \"./SessionInspector.approvals-model\";\n\n/** Renders every pending tool approval directly from `session.requests[]`\n *  (never from transcript parts — an approval brokered outside this session's\n *  own chat has no transcript part) plus the resolved approve/deny/denial\n *  summary the panel previously showed alone. */\nexport function SessionApprovalsPanel({\n  approvals,\n  requests,\n  onResolve,\n}: {\n  approvals: SessionApprovalStats | undefined;\n  requests?: SessionApprovalRequest[] | undefined;\n  onResolve?: ApprovalResolveHandler;\n}) {\n  const pending = pendingApprovalRequests(requests);\n  const hasResolvedSummary = Boolean(\n    approvals &&\n      (approvals.approved ||\n        approvals.denied ||\n        approvals.cancelled ||\n        approvals.expired ||\n        approvals.denials?.length),\n  );\n\n  if (!pending.length && !hasResolvedSummary) {\n    return <EmptyState>No approval metadata.</EmptyState>;\n  }\n\n  return (\n    <div className=\"space-y-density-4\">\n      {pending.length ? (\n        <PendingApprovalsList\n          requests={pending}\n          {...(onResolve ? { onResolve } : {})}\n        />\n      ) : null}\n      {hasResolvedSummary ? (\n        <ResolvedApprovalsSummary approvals={approvals!} />\n      ) : null}\n    </div>\n  );\n}\n\nfunction ResolvedApprovalsSummary({\n  approvals,\n}: {\n  approvals: SessionApprovalStats;\n}) {\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList\n        items={[\n          kv(\"Approved\", approvals.approved ?? 0),\n          kv(\"Denied\", approvals.denied ?? 0),\n          kv(\"Cancelled\", approvals.cancelled ?? 0),\n          kv(\"Expired\", approvals.expired ?? 0),\n        ]}\n      />\n      {approvals.denials?.length ? (\n        <SimpleList\n          title=\"Denials\"\n          rows={approvals.denials.map((denial, index) => ({\n            key: denial.toolUseId || `${denial.tool}-${index}`,\n            title: [denial.tool, denial.toolUseId].filter(Boolean).join(\" \"),\n            detail: denial.reason,\n          }))}\n        />\n      ) : null}\n    </div>\n  );\n}\n\nfunction PendingApprovalsList({\n  requests,\n  onResolve,\n}: {\n  requests: SessionApprovalRequest[];\n  onResolve?: ApprovalResolveHandler;\n}) {\n  return (\n    <section>\n      <h3 className=\"mb-density-2 flex items-center gap-1.5 text-xs font-semibold uppercase text-amber-600 dark:text-amber-400\">\n        <Icon icon={UiClock} className=\"size-3.5\" />\n        Awaiting approval ({requests.length})\n      </h3>\n      <ul className=\"space-y-density-2\">\n        {requests.map((request) => (\n          <li key={request.id}>\n            <PendingApprovalRow\n              request={request}\n              {...(onResolve ? { onResolve } : {})}\n            />\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n\nfunction PendingApprovalRow({\n  request,\n  onResolve,\n}: {\n  request: SessionApprovalRequest;\n  onResolve?: ApprovalResolveHandler;\n}) {\n  const [error, setError] = useState<string | undefined>(undefined);\n  const [busy, setBusy] = useState(false);\n\n  const part: AnyToolPart = {\n    type: \"dynamic-tool\",\n    toolName: request.tool,\n    toolCallId: request.toolCallId || request.id,\n    state: \"approval-requested\",\n    input: request.input,\n    approval: { id: request.id },\n  };\n\n  const handleApprove = (\n    approvalId: string,\n    approved: boolean,\n    reason?: string,\n  ) => {\n    if (!onResolve) return;\n    setError(undefined);\n    setBusy(true);\n    void Promise.resolve(onResolve(approvalId, approved ? \"approve\" : \"deny\", reason))\n      .catch((err: unknown) => {\n        setError(err instanceof Error ? err.message : String(err));\n      })\n      .finally(() => setBusy(false));\n  };\n\n  return (\n    <div className=\"rounded-md border border-amber-300/60 bg-amber-50/40 p-density-3 dark:border-amber-800/60 dark:bg-amber-950/20\">\n      <div className=\"mb-1 flex flex-wrap items-center justify-between gap-2 text-[11px] text-muted-foreground\">\n        <span>\n          {request.requestedBy\n            ? `Requested by ${request.requestedBy}`\n            : \"Requested\"}\n        </span>\n        <span className=\"flex gap-density-3\">\n          {request.createdAt ? (\n            <span title={formatDate(request.createdAt)}>\n              {ageLabel(request.createdAt)} ago\n            </span>\n          ) : null}\n          {request.expiresAt ? (\n            <span title={formatDate(request.expiresAt)}>\n              {remainingLabel(request.expiresAt)}\n            </span>\n          ) : null}\n        </span>\n      </div>\n      <ToolCall\n        part={part}\n        defaultOpen\n        onApprove={busy ? undefined : handleApprove}\n      />\n      {busy ? (\n        <p className=\"mt-1.5 pl-4 text-xs text-muted-foreground\">\n          Submitting…\n        </p>\n      ) : null}\n      {error ? (\n        <p role=\"alert\" className=\"mt-1.5 pl-4 text-xs text-destructive\">\n          {error}\n        </p>\n      ) : null}\n    </div>\n  );\n}\n\nfunction ageLabel(createdAt: string): string {\n  return durationLabel(createdAt) || \"0s\";\n}\n\nfunction remainingLabel(expiresAt: string): string {\n  const expiry = new Date(expiresAt).getTime();\n  if (Number.isNaN(expiry)) return \"\";\n  const now = Date.now();\n  if (expiry <= now) return \"expired\";\n  const label = durationLabel(new Date(now).toISOString(), expiresAt);\n  return label ? `${label} left` : \"\";\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SessionInspector.approvals.js","sources":["../../../src/data/ai/SessionInspector.approvals.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { KeyValueList } from \"../KeyValueList\";\nimport { Icon } from \"../Icon\";\nimport { UiClock } from \"../../icons\";\nimport { ToolCall } from \"../chat/ToolCall\";\nimport type { AnyToolPart } from \"../chat/types\";\nimport { durationLabel, formatDate } from \"./SessionInspector.model\";\nimport { EmptyState, SimpleList } from \"./SessionInspector.panel-parts\";\nimport { kv } from \"./SessionInspector.panel-values\";\nimport {\n  type ApprovalResolveHandler,\n  decisionFields,\n  pendingApprovalRequests,\n} from \"./SessionInspector.approvals-model\";\nimport { TypedApprovalBody } from \"./SessionViewer.approval-body\";\nimport type { DecisionHandler } from \"./SessionViewer.decision\";\nimport type {\n  SessionApprovalRequest,\n  SessionApprovalStats,\n} from \"./SessionViewer.unified\";\n\nexport type {\n  ApprovalResolveAction,\n  ApprovalResolveHandler,\n} from \"./SessionInspector.approvals-model\";\n\n/** Renders every pending tool approval directly from `session.requests[]`\n *  (never from transcript parts — an approval brokered outside this session's\n *  own chat has no transcript part) plus the resolved approve/deny/denial\n *  summary the panel previously showed alone. */\nexport function SessionApprovalsPanel({\n  approvals,\n  requests,\n  onResolve,\n}: {\n  approvals: SessionApprovalStats | undefined;\n  requests?: SessionApprovalRequest[] | undefined;\n  onResolve?: ApprovalResolveHandler;\n}) {\n  const pending = pendingApprovalRequests(requests);\n  const hasResolvedSummary = Boolean(\n    approvals &&\n      (approvals.approved ||\n        approvals.denied ||\n        approvals.cancelled ||\n        approvals.expired ||\n        approvals.denials?.length),\n  );\n\n  if (!pending.length && !hasResolvedSummary) {\n    return <EmptyState>No approval metadata.</EmptyState>;\n  }\n\n  return (\n    <div className=\"space-y-density-4\">\n      {pending.length ? (\n        <PendingApprovalsList\n          requests={pending}\n          {...(onResolve ? { onResolve } : {})}\n        />\n      ) : null}\n      {hasResolvedSummary ? (\n        <ResolvedApprovalsSummary approvals={approvals!} />\n      ) : null}\n    </div>\n  );\n}\n\nfunction ResolvedApprovalsSummary({\n  approvals,\n}: {\n  approvals: SessionApprovalStats;\n}) {\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList\n        items={[\n          kv(\"Approved\", approvals.approved ?? 0),\n          kv(\"Denied\", approvals.denied ?? 0),\n          kv(\"Cancelled\", approvals.cancelled ?? 0),\n          kv(\"Expired\", approvals.expired ?? 0),\n        ]}\n      />\n      {approvals.denials?.length ? (\n        <SimpleList\n          title=\"Denials\"\n          rows={approvals.denials.map((denial, index) => ({\n            key: denial.toolUseId || `${denial.tool}-${index}`,\n            title: [denial.tool, denial.toolUseId].filter(Boolean).join(\" \"),\n            detail: denial.reason,\n          }))}\n        />\n      ) : null}\n    </div>\n  );\n}\n\nfunction PendingApprovalsList({\n  requests,\n  onResolve,\n}: {\n  requests: SessionApprovalRequest[];\n  onResolve?: ApprovalResolveHandler;\n}) {\n  return (\n    <section>\n      <h3 className=\"mb-density-2 flex items-center gap-1.5 text-xs font-semibold uppercase text-amber-600 dark:text-amber-400\">\n        <Icon icon={UiClock} className=\"size-3.5\" />\n        Awaiting approval ({requests.length})\n      </h3>\n      <ul className=\"space-y-density-2\">\n        {requests.map((request) => (\n          <li key={request.id}>\n            <PendingApprovalRow\n              request={request}\n              {...(onResolve ? { onResolve } : {})}\n            />\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n\nfunction PendingApprovalRow({\n  request,\n  onResolve,\n}: {\n  request: SessionApprovalRequest;\n  onResolve?: ApprovalResolveHandler;\n}) {\n  const [error, setError] = useState<string | undefined>(undefined);\n  const [busy, setBusy] = useState(false);\n\n  const part: AnyToolPart = {\n    type: \"dynamic-tool\",\n    toolName: request.tool,\n    toolCallId: request.toolCallId || request.id,\n    state: \"approval-requested\",\n    input: request.input,\n    approval: { id: request.id },\n  };\n\n  const typed = request.request;\n  const decideTyped: DecisionHandler | undefined = onResolve\n    ? async (decision) => {\n        const fields = decisionFields(decision);\n        await (fields\n          ? onResolve(request.id, decision.allow ? \"approve\" : \"deny\", decision.message, fields)\n          : onResolve(request.id, decision.allow ? \"approve\" : \"deny\", decision.message));\n      }\n    : undefined;\n\n  const handleApprove = (\n    approvalId: string,\n    approved: boolean,\n    reason?: string,\n  ) => {\n    if (!onResolve) return;\n    setError(undefined);\n    setBusy(true);\n    void Promise.resolve(onResolve(approvalId, approved ? \"approve\" : \"deny\", reason))\n      .catch((err: unknown) => {\n        setError(err instanceof Error ? err.message : String(err));\n      })\n      .finally(() => setBusy(false));\n  };\n\n  return (\n    <div className=\"rounded-md border border-amber-300/60 bg-amber-50/40 p-density-3 dark:border-amber-800/60 dark:bg-amber-950/20\">\n      <div className=\"mb-1 flex flex-wrap items-center justify-between gap-2 text-[11px] text-muted-foreground\">\n        <span>\n          {request.requestedBy\n            ? `Requested by ${request.requestedBy}`\n            : \"Requested\"}\n        </span>\n        <span className=\"flex gap-density-3\">\n          {request.createdAt ? (\n            <span title={formatDate(request.createdAt)}>\n              {ageLabel(request.createdAt)} ago\n            </span>\n          ) : null}\n          {request.expiresAt ? (\n            <span title={formatDate(request.expiresAt)}>\n              {remainingLabel(request.expiresAt)}\n            </span>\n          ) : null}\n        </span>\n      </div>\n      {typed ? (\n        <div className=\"not-prose\">\n          <div className=\"font-medium text-foreground\">{request.tool}</div>\n          <TypedApprovalBody\n            event={{\n              id: request.id,\n              kind: \"tool\",\n              tool: request.tool,\n              pending: true,\n              approvalId: request.id,\n              approvalKind: typed.kind,\n              approvalRequest: typed,\n            }}\n            request={typed}\n            onDecision={decideTyped}\n          />\n        </div>\n      ) : (\n        <ToolCall\n          part={part}\n          defaultOpen\n          onApprove={busy ? undefined : handleApprove}\n        />\n      )}\n      {busy ? (\n        <p className=\"mt-1.5 pl-4 text-xs text-muted-foreground\">\n          Submitting…\n        </p>\n      ) : null}\n      {error ? (\n        <p role=\"alert\" className=\"mt-1.5 pl-4 text-xs text-destructive\">\n          {error}\n        </p>\n      ) : null}\n    </div>\n  );\n}\n\nfunction ageLabel(createdAt: string): string {\n  return durationLabel(createdAt) || \"0s\";\n}\n\nfunction remainingLabel(expiresAt: string): string {\n  const expiry = new Date(expiresAt).getTime();\n  if (Number.isNaN(expiry)) return \"\";\n  const now = Date.now();\n  if (expiry <= now) return \"expired\";\n  const label = durationLabel(new Date(now).toISOString(), expiresAt);\n  return label ? `${label} left` : \"\";\n}\n"],"names":[],"mappings":"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"}