@flanksource/clicky-ui 0.3.34 → 0.3.36

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/data/ai/PromptRunEditor/index.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { Button } from \"../../../components/button\";\nimport type { JsonSchemaObject } from \"../../../components/json-schema-form-types\";\nimport { UiAdd, UiGearSix, UiLayers, UiTrash } from \"../../../icons\";\nimport { cn } from \"../../../lib/utils\";\nimport { Modal } from \"../../../overlay/Modal\";\nimport { Icon } from \"../../Icon\";\nimport { DEFAULT_REASONING_EFFORTS } from \"../../chat/effort-icons\";\nimport { AttachmentButton, AttachmentList } from \"../../chat/Attachment\";\nimport {\n  createAttachmentUploadAdapter,\n  type AttachmentFilePart,\n  type AttachmentLimits,\n  type AttachmentUploadAdapter,\n} from \"../../chat/attachment-upload\";\nimport type { ChatModel, ToolMeta } from \"../../chat/types\";\nimport type { FileUIPart } from \"../../chat/types\";\nimport { RuntimeBar } from \"../../runtime/RuntimeBar\";\nimport { runtimeModelForValue } from \"../../runtime/RuntimeBar.model\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  type SpecRuntimeFamily,\n  labelForMode,\n} from \"../../runtime/runtime-mode\";\nimport { SpecRuntimeEditor } from \"../SpecRuntimeEditor\";\nimport type { SpecRuntimeSandboxCreateConfig } from \"../SandboxCreateWizard.model\";\nimport type { SpecRuntimeCLIOptions } from \"../SpecRuntimeEditor/CLIArgsSection\";\nimport type { SpecRuntimeSandboxCatalog } from \"../SpecRuntimeEditor/types\";\nimport type {\n  SpecRuntimeSecretSelectorConfig,\n  SpecSectionId,\n} from \"../SpecRuntimeEditor/types\";\nimport { withPrompt } from \"../SpecRuntimeEditor/update\";\nimport type { AISpecRuntimePermissionCatalog } from \"../SpecRuntimeEditor.model\";\nimport type {\n  ResolvedRuntimeProfile,\n  ResolvedRuntimeSpec,\n  RuntimePreset,\n  RuntimeProfile,\n  RuntimeProfileResolveRequest,\n} from \"../runtime-profile\";\nimport { authoredRuntimeSpec } from \"../../../lib/runtime-profile-model\";\nimport { RuntimeProfilePicker } from \"../runtime-profiles/RuntimeProfilePicker\";\nimport {\n  inheritedRuntime,\n  profileForRef,\n} from \"../runtime-profiles/RuntimeProfilePicker.model\";\nimport { useRuntimeProfilePicker } from \"../runtime-profiles/use-runtime-profile-picker\";\nimport { runtimeRows, withRuntimeRows, type AIPromptRunValue } from \"./model\";\nimport { VariablesField } from \"./VariablesField\";\n\nexport type PromptRunEditorProps = {\n  value: AIPromptRunValue;\n  onChange: (value: AIPromptRunValue) => void;\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  tools?: ToolMeta[] | undefined;\n  permissionCatalog?: AISpecRuntimePermissionCatalog | undefined;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n  cliOptions?: SpecRuntimeCLIOptions | undefined;\n  /** Sandbox adapter catalog; enables the spec editor's Sandbox section. */\n  sandboxCatalog?: SpecRuntimeSandboxCatalog | undefined;\n  /** Host-owned sandbox creation and credential-reference adapter. */\n  sandboxCreate?: SpecRuntimeSandboxCreateConfig | undefined;\n  reasoningEfforts?: string[] | undefined;\n\n  /** Schema-driven variables form; omit to render a raw-JSON editor. */\n  variablesSchema?: JsonSchemaObject | undefined;\n  /** Fires false while raw-JSON variables fail to parse; always true with a schema. */\n  onVariablesValidityChange?: ((valid: boolean) => void) | undefined;\n\n  /** Host-supplied editor for the `prompt.user` override; defaults to a textarea. */\n  promptEditor?: ReactNode | undefined;\n  promptLabel?: string | undefined;\n  promptPlaceholder?: string | undefined;\n  enableAttachments?: boolean | undefined;\n  attachmentUpload?: AttachmentUploadAdapter | undefined;\n  attachmentLimits?: AttachmentLimits | undefined;\n\n  /** Extra fields injected inside the Runtime block, below Model/Effort. */\n  children?: ReactNode | undefined;\n  header?: ReactNode | undefined;\n  footer?: ReactNode | undefined;\n  className?: string | undefined;\n\n  editSpecLabel?: string | undefined;\n  specModalTitle?: string | undefined;\n  /** Restrict which SpecRuntimeEditor sections the \"Edit spec\" modal shows. */\n  specSections?: readonly SpecSectionId[] | undefined;\n\n  /** Saved runtime profiles; enables the profile picker inside the spec modal. */\n  profiles?: RuntimeProfile[] | undefined;\n  /** Presets the profiles reference, for ordering and inherited model/mode. */\n  presets?: RuntimePreset[] | undefined;\n  onSaveProfile?:\n    | ((profile: RuntimeProfile) => Promise<RuntimeProfile>)\n    | undefined;\n  onCreateProfile?:\n    | ((profile: RuntimeProfile) => Promise<RuntimeProfile>)\n    | undefined;\n  onResolveProfile?:\n    | ((\n        request: RuntimeProfileResolveRequest,\n      ) => Promise<ResolvedRuntimeProfile>)\n    | undefined;\n  /** The last render's resolved spec and layer trace. */\n  resolution?: ResolvedRuntimeSpec | undefined;\n};\n\n// The inline \"prompt + variables + runtime\" composer shared by captain's prompt\n// workbench and gavel's todo run dialog. It edits Captain's complete prompt-run\n// request without making hosts project that contract into editor-specific state.\n// Hosts should mount it with a `key` per prompt/todo so internal draft state\n// (raw-JSON text, modal open) resets on selection change.\nexport function PromptRunEditor({\n  value,\n  onChange,\n  models = [],\n  families = SPEC_RUNTIME_FAMILIES,\n  tools = [],\n  permissionCatalog,\n  secretSelector,\n  cliOptions,\n  sandboxCatalog,\n  sandboxCreate,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  variablesSchema,\n  onVariablesValidityChange,\n  promptEditor,\n  promptLabel = \"User prompt\",\n  promptPlaceholder = \"Override the rendered user prompt\",\n  enableAttachments = false,\n  attachmentUpload,\n  attachmentLimits,\n  children,\n  header,\n  footer,\n  className,\n  editSpecLabel = \"Edit spec\",\n  specModalTitle = \"Runtime spec\",\n  specSections,\n  profiles,\n  presets = [],\n  onSaveProfile,\n  onCreateProfile,\n  onResolveProfile,\n  resolution,\n}: PromptRunEditorProps) {\n  const [specOpen, setSpecOpen] = useState(false);\n  const spec = value.spec ?? {};\n  const rows = runtimeRows(value);\n  const selectedModel = runtimeModelForValue(models, spec);\n  const picker = useRuntimeProfilePicker({\n    value,\n    onChange,\n    profiles: profiles ?? [],\n    presets,\n    onSaveProfile,\n    onCreateProfile,\n    onResolveProfile,\n  });\n  const profileDraft =\n    profiles !== undefined && picker.state.layer === \"profile\"\n      ? picker.state.draft\n      : undefined;\n  const runRuntime = inheritedRuntime({\n    draft: picker.state.draft,\n    presets,\n    resolution,\n  });\n  const presetRuntime = profileDraft\n    ? authoredRuntimeSpec({ ...profileDraft, spec: {} }, presets)\n    : {};\n  const editorRuntime = profileDraft ? presetRuntime : runRuntime;\n  const selectedProfile = profileForRef(value.runtimeProfile, profiles ?? []);\n  const resolvedAttachmentUpload = useMemo(\n    () => attachmentUpload ?? createAttachmentUploadAdapter(),\n    [attachmentUpload],\n  );\n  const attachmentFiles: FileUIPart[] = (spec.prompt?.attachments ?? []).map(\n    (attachment) => ({\n      type: \"file\",\n      url: attachment.id\n        ? `/api/attachments/${attachment.id}`\n        : (attachment.url ?? \"\"),\n      mediaType: attachment.mediaType ?? \"application/octet-stream\",\n      ...(attachment.id ? { attachmentId: attachment.id } : {}),\n      ...(attachment.size != null ? { size: attachment.size } : {}),\n      ...(attachment.filename ? { filename: attachment.filename } : {}),\n      ...(!attachment.filename && attachment.path\n        ? { filename: attachment.path }\n        : {}),\n    }),\n  ) as FileUIPart[];\n\n  return (\n    <div className={cn(\"grid gap-density-4\", className)}>\n      {header}\n\n      <Block title=\"Runtime\">\n        <div className=\"grid gap-density-2\">\n          {rows.map((runtime, index) => (\n            <div\n              key={index}\n              role=\"group\"\n              aria-label={`Runtime ${index + 1}`}\n              className=\"flex min-w-0 items-center gap-density-2\"\n            >\n              <RuntimeBar\n                value={runtime}\n                onChange={(next) =>\n                  onChange(\n                    withRuntimeRows(\n                      value,\n                      rows.map((item, itemIndex) =>\n                        itemIndex === index ? next : item,\n                      ),\n                    ),\n                  )\n                }\n                models={models}\n                families={families}\n                reasoningEfforts={reasoningEfforts}\n                ariaLabel={`Runtime ${index + 1} controls`}\n              />\n              {rows.length > 1 && (\n                <Button\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  aria-label={`Remove runtime ${index + 1}`}\n                  onClick={() =>\n                    onChange(\n                      withRuntimeRows(\n                        value,\n                        rows.filter((_, itemIndex) => itemIndex !== index),\n                      ),\n                    )\n                  }\n                >\n                  <Icon icon={UiTrash} className=\"size-4\" />\n                </Button>\n              )}\n            </div>\n          ))}\n          <div className=\"flex flex-wrap items-center gap-density-2\">\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              aria-label=\"Add runtime\"\n              onClick={() =>\n                onChange(\n                  withRuntimeRows(value, [\n                    ...rows,\n                    rows[0]?.mode ? { mode: rows[0].mode } : {},\n                  ]),\n                )\n              }\n            >\n              <Icon icon={UiAdd} className=\"size-4\" />\n              Add runtime\n            </Button>\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              onClick={() => setSpecOpen(true)}\n            >\n              <Icon icon={UiGearSix} className=\"size-4\" />\n              {editSpecLabel}\n            </Button>\n            {value.runtimeProfile && (\n              <span\n                data-testid=\"runtime-profile-chip\"\n                className=\"inline-flex items-center gap-1 rounded-full border border-violet-500/30 bg-violet-500/10 px-2 py-0.5 text-xs font-medium text-violet-700 dark:text-violet-300\"\n              >\n                <Icon icon={UiLayers} className=\"size-3.5\" />\n                Profile · {selectedProfile?.name ?? value.runtimeProfile}\n              </span>\n            )}\n          </div>\n        </div>\n        {children}\n      </Block>\n\n      <Block title=\"Variables\">\n        <VariablesField\n          {...(variablesSchema ? { schema: variablesSchema } : {})}\n          value={value.variables ?? {}}\n          onChange={(variables) => onChange({ ...value, variables })}\n          {...(onVariablesValidityChange\n            ? { onValidityChange: onVariablesValidityChange }\n            : {})}\n        />\n      </Block>\n\n      <Block title={promptLabel}>\n        {promptEditor ?? (\n          <textarea\n            value={spec.prompt?.user ?? \"\"}\n            onChange={(event) =>\n              onChange({\n                ...value,\n                spec: withPrompt(spec, { user: event.target.value }),\n              })\n            }\n            spellCheck={false}\n            placeholder={promptPlaceholder}\n            aria-label={promptLabel}\n            className=\"min-h-[7rem] w-full resize-y rounded-md border border-border bg-background px-density-2 py-density-1 text-sm outline-none focus:ring-2 focus:ring-ring\"\n          />\n        )}\n        {enableAttachments && (\n          <div className=\"space-y-density-2\">\n            <AttachmentList\n              files={attachmentFiles}\n              onRemove={(index) =>\n                onChange({\n                  ...value,\n                  spec: withPrompt(spec, {\n                    attachments: (spec.prompt?.attachments ?? []).filter(\n                      (_, itemIndex) => itemIndex !== index,\n                    ),\n                  }),\n                })\n              }\n            />\n            <AttachmentButton\n              files={attachmentFiles}\n              upload={resolvedAttachmentUpload}\n              onAdd={(parts) =>\n                onChange({\n                  ...value,\n                  spec: withPrompt(spec, {\n                    attachments: [\n                      ...(spec.prompt?.attachments ?? []),\n                      ...parts.map((part) => {\n                        const uploaded = part as AttachmentFilePart;\n                        return {\n                          id: uploaded.attachmentId,\n                          mediaType: uploaded.mediaType,\n                          size: uploaded.size,\n                          ...(uploaded.filename\n                            ? { filename: uploaded.filename }\n                            : {}),\n                        };\n                      }),\n                    ],\n                  }),\n                })\n              }\n              {...(selectedModel?.inputMediaTypes\n                ? { acceptedMediaTypes: selectedModel.inputMediaTypes }\n                : {})}\n              {...(attachmentLimits ? { limits: attachmentLimits } : {})}\n            />\n          </div>\n        )}\n      </Block>\n\n      {footer}\n\n      <Modal\n        open={specOpen}\n        onClose={() => setSpecOpen(false)}\n        title={specModalTitle}\n        size=\"full\"\n        closeOnEsc\n        className=\"h-[95vh]\"\n      >\n        <SpecRuntimeEditor\n          value={profileDraft ? profileDraft.spec : spec}\n          onChange={(next) =>\n            profileDraft\n              ? picker.editDraft({ ...profileDraft, spec: next })\n              : onChange({ ...value, spec: next })\n          }\n          models={models}\n          families={families}\n          tools={tools}\n          effectiveModel={editorRuntime.model}\n          effectiveMode={editorRuntime.mode}\n          {...(permissionCatalog ? { permissionCatalog } : {})}\n          {...(secretSelector ? { secretSelector } : {})}\n          {...(cliOptions ? { cliOptions } : {})}\n          {...(sandboxCatalog ? { sandboxCatalog } : {})}\n          {...(sandboxCreate ? { sandboxCreate } : {})}\n          {...(specSections ? { sections: specSections } : {})}\n          {...(profiles !== undefined\n            ? {\n                beforeSections: (\n                  <RuntimeProfilePicker\n                    controller={picker}\n                    profiles={profiles}\n                    presets={presets}\n                    resolution={resolution}\n                    effectiveRuntime={runRuntime}\n                  />\n                ),\n              }\n            : {})}\n          onSave={() => setSpecOpen(false)}\n          onCancel={() => setSpecOpen(false)}\n          saveLabel=\"Done\"\n          footerStatus={\n            profileDraft\n              ? `Editing profile «${profileDraft.name}»`\n              : labelForMode(spec.mode, families)\n          }\n        />\n      </Modal>\n    </div>\n  );\n}\n\nfunction Block({ title, children }: { title: string; children: ReactNode }) {\n  return (\n    <section className=\"space-y-density-2\">\n      <div className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n        {title}\n      </div>\n      {children}\n    </section>\n  );\n}\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/data/ai/PromptRunEditor/index.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { Button } from \"../../../components/button\";\nimport type { JsonSchemaObject } from \"../../../components/json-schema-form-types\";\nimport type { FixtureFenceSchemas } from \"../../FixtureEditor/types\";\nimport { UiAdd, UiGearSix, UiLayers, UiTrash } from \"../../../icons\";\nimport { cn } from \"../../../lib/utils\";\nimport { Modal } from \"../../../overlay/Modal\";\nimport { Icon } from \"../../Icon\";\nimport { DEFAULT_REASONING_EFFORTS } from \"../../chat/effort-icons\";\nimport { AttachmentButton, AttachmentList } from \"../../chat/Attachment\";\nimport {\n  createAttachmentUploadAdapter,\n  type AttachmentFilePart,\n  type AttachmentLimits,\n  type AttachmentUploadAdapter,\n} from \"../../chat/attachment-upload\";\nimport type { ChatModel, ToolMeta } from \"../../chat/types\";\nimport type { FileUIPart } from \"../../chat/types\";\nimport { RuntimeBar } from \"../../runtime/RuntimeBar\";\nimport { runtimeModelForValue } from \"../../runtime/RuntimeBar.model\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  type SpecRuntimeFamily,\n  labelForMode,\n} from \"../../runtime/runtime-mode\";\nimport { SpecRuntimeEditor } from \"../SpecRuntimeEditor\";\nimport type { SpecRuntimeSandboxCreateConfig } from \"../SandboxCreateWizard.model\";\nimport type { SpecRuntimeCLIOptions } from \"../SpecRuntimeEditor/CLIArgsSection\";\nimport type { SpecRuntimeSandboxCatalog } from \"../SpecRuntimeEditor/types\";\nimport type {\n  SpecRuntimeSecretSelectorConfig,\n  SpecSectionId,\n} from \"../SpecRuntimeEditor/types\";\nimport { withPrompt } from \"../SpecRuntimeEditor/update\";\nimport type { AISpecRuntimePermissionCatalog } from \"../SpecRuntimeEditor.model\";\nimport type {\n  ResolvedRuntimeProfile,\n  ResolvedRuntimeSpec,\n  RuntimePreset,\n  RuntimeProfile,\n  RuntimeProfileResolveRequest,\n} from \"../runtime-profile\";\nimport { authoredRuntimeSpec } from \"../../../lib/runtime-profile-model\";\nimport { RuntimeProfilePicker } from \"../runtime-profiles/RuntimeProfilePicker\";\nimport {\n  inheritedRuntime,\n  profileForRef,\n} from \"../runtime-profiles/RuntimeProfilePicker.model\";\nimport { useRuntimeProfilePicker } from \"../runtime-profiles/use-runtime-profile-picker\";\nimport { runtimeRows, withRuntimeRows, type AIPromptRunValue } from \"./model\";\nimport { VariablesField } from \"./VariablesField\";\n\nexport type PromptRunEditorProps = {\n  value: AIPromptRunValue;\n  onChange: (value: AIPromptRunValue) => void;\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  tools?: ToolMeta[] | undefined;\n  permissionCatalog?: AISpecRuntimePermissionCatalog | undefined;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n  cliOptions?: SpecRuntimeCLIOptions | undefined;\n  /** Runner schemas keyed by fixture kind or fence info, used by the verification editor. */\n  fixtureSchemas?: FixtureFenceSchemas | undefined;\n  /** Sandbox adapter catalog; enables the spec editor's Sandbox section. */\n  sandboxCatalog?: SpecRuntimeSandboxCatalog | undefined;\n  /** Host-owned sandbox creation and credential-reference adapter. */\n  sandboxCreate?: SpecRuntimeSandboxCreateConfig | undefined;\n  reasoningEfforts?: string[] | undefined;\n\n  /** Schema-driven variables form; omit to render a raw-JSON editor. */\n  variablesSchema?: JsonSchemaObject | undefined;\n  /** Fires false while raw-JSON variables fail to parse; always true with a schema. */\n  onVariablesValidityChange?: ((valid: boolean) => void) | undefined;\n\n  /** Host-supplied editor for the `prompt.user` override; defaults to a textarea. */\n  promptEditor?: ReactNode | undefined;\n  promptLabel?: string | undefined;\n  promptPlaceholder?: string | undefined;\n  enableAttachments?: boolean | undefined;\n  attachmentUpload?: AttachmentUploadAdapter | undefined;\n  attachmentLimits?: AttachmentLimits | undefined;\n\n  /** Extra fields injected inside the Runtime block, below Model/Effort. */\n  children?: ReactNode | undefined;\n  header?: ReactNode | undefined;\n  footer?: ReactNode | undefined;\n  className?: string | undefined;\n\n  editSpecLabel?: string | undefined;\n  specModalTitle?: string | undefined;\n  /** Restrict which SpecRuntimeEditor sections the \"Edit spec\" modal shows. */\n  specSections?: readonly SpecSectionId[] | undefined;\n\n  /** Saved runtime profiles; enables the profile picker inside the spec modal. */\n  profiles?: RuntimeProfile[] | undefined;\n  /** Presets the profiles reference, for ordering and inherited model/mode. */\n  presets?: RuntimePreset[] | undefined;\n  onSaveProfile?:\n    | ((profile: RuntimeProfile) => Promise<RuntimeProfile>)\n    | undefined;\n  onCreateProfile?:\n    | ((profile: RuntimeProfile) => Promise<RuntimeProfile>)\n    | undefined;\n  onResolveProfile?:\n    | ((\n        request: RuntimeProfileResolveRequest,\n      ) => Promise<ResolvedRuntimeProfile>)\n    | undefined;\n  /** The last render's resolved spec and layer trace. */\n  resolution?: ResolvedRuntimeSpec | undefined;\n};\n\n// The inline \"prompt + variables + runtime\" composer shared by captain's prompt\n// workbench and gavel's todo run dialog. It edits Captain's complete prompt-run\n// request without making hosts project that contract into editor-specific state.\n// Hosts should mount it with a `key` per prompt/todo so internal draft state\n// (raw-JSON text, modal open) resets on selection change.\nexport function PromptRunEditor({\n  value,\n  onChange,\n  models = [],\n  families = SPEC_RUNTIME_FAMILIES,\n  tools = [],\n  permissionCatalog,\n  secretSelector,\n  cliOptions,\n  fixtureSchemas,\n  sandboxCatalog,\n  sandboxCreate,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  variablesSchema,\n  onVariablesValidityChange,\n  promptEditor,\n  promptLabel = \"User prompt\",\n  promptPlaceholder = \"Override the rendered user prompt\",\n  enableAttachments = false,\n  attachmentUpload,\n  attachmentLimits,\n  children,\n  header,\n  footer,\n  className,\n  editSpecLabel = \"Edit spec\",\n  specModalTitle = \"Runtime spec\",\n  specSections,\n  profiles,\n  presets = [],\n  onSaveProfile,\n  onCreateProfile,\n  onResolveProfile,\n  resolution,\n}: PromptRunEditorProps) {\n  const [specOpen, setSpecOpen] = useState(false);\n  const spec = value.spec ?? {};\n  const rows = runtimeRows(value);\n  const selectedModel = runtimeModelForValue(models, spec);\n  const picker = useRuntimeProfilePicker({\n    value,\n    onChange,\n    profiles: profiles ?? [],\n    presets,\n    onSaveProfile,\n    onCreateProfile,\n    onResolveProfile,\n  });\n  const profileDraft =\n    profiles !== undefined && picker.state.layer === \"profile\"\n      ? picker.state.draft\n      : undefined;\n  const runRuntime = inheritedRuntime({\n    draft: picker.state.draft,\n    presets,\n    resolution,\n  });\n  const presetRuntime = profileDraft\n    ? authoredRuntimeSpec({ ...profileDraft, spec: {} }, presets)\n    : {};\n  const editorRuntime = profileDraft ? presetRuntime : runRuntime;\n  const selectedProfile = profileForRef(value.runtimeProfile, profiles ?? []);\n  const resolvedAttachmentUpload = useMemo(\n    () => attachmentUpload ?? createAttachmentUploadAdapter(),\n    [attachmentUpload],\n  );\n  const attachmentFiles: FileUIPart[] = (spec.prompt?.attachments ?? []).map(\n    (attachment) => ({\n      type: \"file\",\n      url: attachment.id\n        ? `/api/attachments/${attachment.id}`\n        : (attachment.url ?? \"\"),\n      mediaType: attachment.mediaType ?? \"application/octet-stream\",\n      ...(attachment.id ? { attachmentId: attachment.id } : {}),\n      ...(attachment.size != null ? { size: attachment.size } : {}),\n      ...(attachment.filename ? { filename: attachment.filename } : {}),\n      ...(!attachment.filename && attachment.path\n        ? { filename: attachment.path }\n        : {}),\n    }),\n  ) as FileUIPart[];\n\n  return (\n    <div className={cn(\"grid gap-density-4\", className)}>\n      {header}\n\n      <Block title=\"Runtime\">\n        <div className=\"grid gap-density-2\">\n          {rows.map((runtime, index) => (\n            <div\n              key={index}\n              role=\"group\"\n              aria-label={`Runtime ${index + 1}`}\n              className=\"flex min-w-0 items-center gap-density-2\"\n            >\n              <RuntimeBar\n                value={runtime}\n                onChange={(next) =>\n                  onChange(\n                    withRuntimeRows(\n                      value,\n                      rows.map((item, itemIndex) =>\n                        itemIndex === index ? next : item,\n                      ),\n                    ),\n                  )\n                }\n                models={models}\n                effectiveModel={runRuntime.model}\n                effectiveMode={runRuntime.mode}\n                families={families}\n                reasoningEfforts={reasoningEfforts}\n                ariaLabel={`Runtime ${index + 1} controls`}\n              />\n              {rows.length > 1 && (\n                <Button\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  aria-label={`Remove runtime ${index + 1}`}\n                  onClick={() =>\n                    onChange(\n                      withRuntimeRows(\n                        value,\n                        rows.filter((_, itemIndex) => itemIndex !== index),\n                      ),\n                    )\n                  }\n                >\n                  <Icon icon={UiTrash} className=\"size-4\" />\n                </Button>\n              )}\n            </div>\n          ))}\n          <div className=\"flex flex-wrap items-center gap-density-2\">\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              aria-label=\"Add runtime\"\n              onClick={() =>\n                onChange(\n                  withRuntimeRows(value, [\n                    ...rows,\n                    rows[0]?.mode ? { mode: rows[0].mode } : {},\n                  ]),\n                )\n              }\n            >\n              <Icon icon={UiAdd} className=\"size-4\" />\n              Add runtime\n            </Button>\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              onClick={() => setSpecOpen(true)}\n            >\n              <Icon icon={UiGearSix} className=\"size-4\" />\n              {editSpecLabel}\n            </Button>\n            {value.runtimeProfile && (\n              <span\n                data-testid=\"runtime-profile-chip\"\n                className=\"inline-flex items-center gap-1 rounded-full border border-violet-500/30 bg-violet-500/10 px-2 py-0.5 text-xs font-medium text-violet-700 dark:text-violet-300\"\n              >\n                <Icon icon={UiLayers} className=\"size-3.5\" />\n                Profile · {selectedProfile?.name ?? value.runtimeProfile}\n              </span>\n            )}\n          </div>\n        </div>\n        {children}\n      </Block>\n\n      <Block title=\"Variables\">\n        <VariablesField\n          {...(variablesSchema ? { schema: variablesSchema } : {})}\n          value={value.variables ?? {}}\n          onChange={(variables) => onChange({ ...value, variables })}\n          {...(onVariablesValidityChange\n            ? { onValidityChange: onVariablesValidityChange }\n            : {})}\n        />\n      </Block>\n\n      <Block title={promptLabel}>\n        {promptEditor ?? (\n          <textarea\n            value={spec.prompt?.user ?? \"\"}\n            onChange={(event) =>\n              onChange({\n                ...value,\n                spec: withPrompt(spec, { user: event.target.value }),\n              })\n            }\n            spellCheck={false}\n            placeholder={promptPlaceholder}\n            aria-label={promptLabel}\n            className=\"min-h-[7rem] w-full resize-y rounded-md border border-border bg-background px-density-2 py-density-1 text-sm outline-none focus:ring-2 focus:ring-ring\"\n          />\n        )}\n        {enableAttachments && (\n          <div className=\"space-y-density-2\">\n            <AttachmentList\n              files={attachmentFiles}\n              onRemove={(index) =>\n                onChange({\n                  ...value,\n                  spec: withPrompt(spec, {\n                    attachments: (spec.prompt?.attachments ?? []).filter(\n                      (_, itemIndex) => itemIndex !== index,\n                    ),\n                  }),\n                })\n              }\n            />\n            <AttachmentButton\n              files={attachmentFiles}\n              upload={resolvedAttachmentUpload}\n              onAdd={(parts) =>\n                onChange({\n                  ...value,\n                  spec: withPrompt(spec, {\n                    attachments: [\n                      ...(spec.prompt?.attachments ?? []),\n                      ...parts.map((part) => {\n                        const uploaded = part as AttachmentFilePart;\n                        return {\n                          id: uploaded.attachmentId,\n                          mediaType: uploaded.mediaType,\n                          size: uploaded.size,\n                          ...(uploaded.filename\n                            ? { filename: uploaded.filename }\n                            : {}),\n                        };\n                      }),\n                    ],\n                  }),\n                })\n              }\n              {...(selectedModel?.inputMediaTypes\n                ? { acceptedMediaTypes: selectedModel.inputMediaTypes }\n                : {})}\n              {...(attachmentLimits ? { limits: attachmentLimits } : {})}\n            />\n          </div>\n        )}\n      </Block>\n\n      {footer}\n\n      <Modal\n        open={specOpen}\n        onClose={() => setSpecOpen(false)}\n        title={specModalTitle}\n        size=\"full\"\n        closeOnEsc\n        className=\"h-[95vh]\"\n      >\n        <SpecRuntimeEditor\n          value={profileDraft ? profileDraft.spec : spec}\n          onChange={(next) =>\n            profileDraft\n              ? picker.editDraft({ ...profileDraft, spec: next })\n              : onChange({ ...value, spec: next })\n          }\n          models={models}\n          families={families}\n          tools={tools}\n          effectiveModel={editorRuntime.model}\n          effectiveMode={editorRuntime.mode}\n          {...(permissionCatalog ? { permissionCatalog } : {})}\n          {...(secretSelector ? { secretSelector } : {})}\n          {...(cliOptions ? { cliOptions } : {})}\n          {...(fixtureSchemas ? { fixtureSchemas } : {})}\n          {...(sandboxCatalog ? { sandboxCatalog } : {})}\n          {...(sandboxCreate ? { sandboxCreate } : {})}\n          {...(specSections ? { sections: specSections } : {})}\n          {...(profiles !== undefined\n            ? {\n                beforeSections: (\n                  <RuntimeProfilePicker\n                    controller={picker}\n                    profiles={profiles}\n                    presets={presets}\n                    resolution={resolution}\n                    effectiveRuntime={runRuntime}\n                  />\n                ),\n              }\n            : {})}\n          onSave={() => setSpecOpen(false)}\n          onCancel={() => setSpecOpen(false)}\n          saveLabel=\"Done\"\n          footerStatus={\n            profileDraft\n              ? `Editing profile «${profileDraft.name}»`\n              : labelForMode(spec.mode, families)\n          }\n        />\n      </Modal>\n    </div>\n  );\n}\n\nfunction Block({ title, children }: { title: string; children: ReactNode }) {\n  return (\n    <section className=\"space-y-density-2\">\n      <div className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n        {title}\n      </div>\n      {children}\n    </section>\n  );\n}\n"],"names":["_a"],"mappings":"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"}

package/dist/data/ai/SessionChatComposer.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../../../../node_modules/@types/react/index.d.ts';
+import { ReactNode } from 'react';
 export type SessionChatCapabilities = {
     interrupt: boolean;
     steer: boolean;

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function pendingApprovalRequests(requests) {
+  return (requests ?? []).filter(
+    (request) => request.state === "pending" && request.kind === "tool_approval"
+  );
+}
+exports.pendingApprovalRequests = pendingApprovalRequests;
+//# sourceMappingURL=SessionInspector.approvals-model.cjs.map

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

@@ -0,0 +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;;"}

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

@@ -0,0 +1,17 @@
+import { SessionApprovalRequest } from './SessionViewer.unified';
+/** 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>;
+/** 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.
+ *
+ *  It lives here rather than beside the panel because it is a selector, not a
+ *  component, and a module that exports both loses fast refresh for everything
+ *  in it. Its other caller — the SessionInspector tab badge — only ever wanted
+ *  the count anyway. */
+export declare function pendingApprovalRequests(requests: SessionApprovalRequest[] | undefined): SessionApprovalRequest[];
+//# sourceMappingURL=SessionInspector.approvals-model.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,9 @@
+function pendingApprovalRequests(requests) {
+  return (requests ?? []).filter(
+    (request) => request.state === "pending" && request.kind === "tool_approval"
+  );
+}
+export {
+  pendingApprovalRequests
+};
+//# sourceMappingURL=SessionInspector.approvals-model.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,143 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const KeyValueList = require("../KeyValueList.cjs");
+const Icon = require("../Icon.cjs");
+const ToolCall = require("../chat/ToolCall.cjs");
+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 UiClock = require("../../icons/components/UiClock.cjs");
+function SessionApprovalsPanel({
+  approvals,
+  requests,
+  onResolve
+}) {
+  var _a;
+  const pending = SessionInspector_approvalsModel.pendingApprovalRequests(requests);
+  const hasResolvedSummary = Boolean(
+    approvals && (approvals.approved || approvals.denied || approvals.cancelled || approvals.expired || ((_a = approvals.denials) == null ? void 0 : _a.length))
+  );
+  if (!pending.length && !hasResolvedSummary) {
+    return /* @__PURE__ */ jsxRuntime.jsx(SessionInspector_panelParts.EmptyState, { children: "No approval metadata." });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-density-4", children: [
+    pending.length ? /* @__PURE__ */ jsxRuntime.jsx(
+      PendingApprovalsList,
+      {
+        requests: pending,
+        ...onResolve ? { onResolve } : {}
+      }
+    ) : null,
+    hasResolvedSummary ? /* @__PURE__ */ jsxRuntime.jsx(ResolvedApprovalsSummary, { approvals }) : null
+  ] });
+}
+function ResolvedApprovalsSummary({
+  approvals
+}) {
+  var _a;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-density-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      KeyValueList.KeyValueList,
+      {
+        items: [
+          SessionInspector_panelValues.kv("Approved", approvals.approved ?? 0),
+          SessionInspector_panelValues.kv("Denied", approvals.denied ?? 0),
+          SessionInspector_panelValues.kv("Cancelled", approvals.cancelled ?? 0),
+          SessionInspector_panelValues.kv("Expired", approvals.expired ?? 0)
+        ]
+      }
+    ),
+    ((_a = approvals.denials) == null ? void 0 : _a.length) ? /* @__PURE__ */ jsxRuntime.jsx(
+      SessionInspector_panelParts.SimpleList,
+      {
+        title: "Denials",
+        rows: approvals.denials.map((denial, index) => ({
+          key: denial.toolUseId || `${denial.tool}-${index}`,
+          title: [denial.tool, denial.toolUseId].filter(Boolean).join(" "),
+          detail: denial.reason
+        }))
+      }
+    ) : null
+  ] });
+}
+function PendingApprovalsList({
+  requests,
+  onResolve
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "mb-density-2 flex items-center gap-1.5 text-xs font-semibold uppercase text-amber-600 dark:text-amber-400", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClock.UiClock, className: "size-3.5" }),
+      "Awaiting approval (",
+      requests.length,
+      ")"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-density-2", children: requests.map((request) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+      PendingApprovalRow,
+      {
+        request,
+        ...onResolve ? { onResolve } : {}
+      }
+    ) }, request.id)) })
+  ] });
+}
+function PendingApprovalRow({
+  request,
+  onResolve
+}) {
+  const [error, setError] = react.useState(void 0);
+  const [busy, setBusy] = react.useState(false);
+  const part = {
+    type: "dynamic-tool",
+    toolName: request.tool,
+    toolCallId: request.toolCallId || request.id,
+    state: "approval-requested",
+    input: request.input,
+    approval: { id: request.id }
+  };
+  const handleApprove = (approvalId, approved, reason) => {
+    if (!onResolve) return;
+    setError(void 0);
+    setBusy(true);
+    void Promise.resolve(onResolve(approvalId, approved ? "approve" : "deny", reason)).catch((err) => {
+      setError(err instanceof Error ? err.message : String(err));
+    }).finally(() => setBusy(false));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("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", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1 flex flex-wrap items-center justify-between gap-2 text-[11px] text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: request.requestedBy ? `Requested by ${request.requestedBy}` : "Requested" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex gap-density-3", children: [
+        request.createdAt ? /* @__PURE__ */ jsxRuntime.jsxs("span", { title: SessionInspector_model.formatDate(request.createdAt), children: [
+          ageLabel(request.createdAt),
+          " ago"
+        ] }) : null,
+        request.expiresAt ? /* @__PURE__ */ jsxRuntime.jsx("span", { title: SessionInspector_model.formatDate(request.expiresAt), children: remainingLabel(request.expiresAt) }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ToolCall.ToolCall,
+      {
+        part,
+        defaultOpen: true,
+        onApprove: busy ? void 0 : handleApprove
+      }
+    ),
+    busy ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1.5 pl-4 text-xs text-muted-foreground", children: "Submitting…" }) : null,
+    error ? /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "mt-1.5 pl-4 text-xs text-destructive", children: error }) : null
+  ] });
+}
+function ageLabel(createdAt) {
+  return SessionInspector_model.durationLabel(createdAt) || "0s";
+}
+function remainingLabel(expiresAt) {
+  const expiry = new Date(expiresAt).getTime();
+  if (Number.isNaN(expiry)) return "";
+  const now = Date.now();
+  if (expiry <= now) return "expired";
+  const label = SessionInspector_model.durationLabel(new Date(now).toISOString(), expiresAt);
+  return label ? `${label} left` : "";
+}
+exports.SessionApprovalsPanel = SessionApprovalsPanel;
+//# sourceMappingURL=SessionInspector.approvals.cjs.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,13 @@
+import { ApprovalResolveHandler } from './SessionInspector.approvals-model';
+import { SessionApprovalRequest, SessionApprovalStats } from './SessionViewer.unified';
+export type { ApprovalResolveAction, ApprovalResolveHandler, } from './SessionInspector.approvals-model';
+/** Renders every pending tool approval directly from `session.requests[]`
+ *  (never from transcript parts — an approval brokered outside this session's
+ *  own chat has no transcript part) plus the resolved approve/deny/denial
+ *  summary the panel previously showed alone. */
+export declare function SessionApprovalsPanel({ approvals, requests, onResolve, }: {
+    approvals: SessionApprovalStats | undefined;
+    requests?: SessionApprovalRequest[] | undefined;
+    onResolve?: ApprovalResolveHandler;
+}): import("react").JSX.Element;
+//# sourceMappingURL=SessionInspector.approvals.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,143 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { KeyValueList } from "../KeyValueList.js";
+import { Icon } from "../Icon.js";
+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 { UiClock } from "../../icons/components/UiClock.js";
+function SessionApprovalsPanel({
+  approvals,
+  requests,
+  onResolve
+}) {
+  var _a;
+  const pending = pendingApprovalRequests(requests);
+  const hasResolvedSummary = Boolean(
+    approvals && (approvals.approved || approvals.denied || approvals.cancelled || approvals.expired || ((_a = approvals.denials) == null ? void 0 : _a.length))
+  );
+  if (!pending.length && !hasResolvedSummary) {
+    return /* @__PURE__ */ jsx(EmptyState, { children: "No approval metadata." });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-density-4", children: [
+    pending.length ? /* @__PURE__ */ jsx(
+      PendingApprovalsList,
+      {
+        requests: pending,
+        ...onResolve ? { onResolve } : {}
+      }
+    ) : null,
+    hasResolvedSummary ? /* @__PURE__ */ jsx(ResolvedApprovalsSummary, { approvals }) : null
+  ] });
+}
+function ResolvedApprovalsSummary({
+  approvals
+}) {
+  var _a;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-density-4", children: [
+    /* @__PURE__ */ jsx(
+      KeyValueList,
+      {
+        items: [
+          kv("Approved", approvals.approved ?? 0),
+          kv("Denied", approvals.denied ?? 0),
+          kv("Cancelled", approvals.cancelled ?? 0),
+          kv("Expired", approvals.expired ?? 0)
+        ]
+      }
+    ),
+    ((_a = approvals.denials) == null ? void 0 : _a.length) ? /* @__PURE__ */ jsx(
+      SimpleList,
+      {
+        title: "Denials",
+        rows: approvals.denials.map((denial, index) => ({
+          key: denial.toolUseId || `${denial.tool}-${index}`,
+          title: [denial.tool, denial.toolUseId].filter(Boolean).join(" "),
+          detail: denial.reason
+        }))
+      }
+    ) : null
+  ] });
+}
+function PendingApprovalsList({
+  requests,
+  onResolve
+}) {
+  return /* @__PURE__ */ jsxs("section", { children: [
+    /* @__PURE__ */ jsxs("h3", { className: "mb-density-2 flex items-center gap-1.5 text-xs font-semibold uppercase text-amber-600 dark:text-amber-400", children: [
+      /* @__PURE__ */ jsx(Icon, { icon: UiClock, className: "size-3.5" }),
+      "Awaiting approval (",
+      requests.length,
+      ")"
+    ] }),
+    /* @__PURE__ */ jsx("ul", { className: "space-y-density-2", children: requests.map((request) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+      PendingApprovalRow,
+      {
+        request,
+        ...onResolve ? { onResolve } : {}
+      }
+    ) }, request.id)) })
+  ] });
+}
+function PendingApprovalRow({
+  request,
+  onResolve
+}) {
+  const [error, setError] = useState(void 0);
+  const [busy, setBusy] = useState(false);
+  const part = {
+    type: "dynamic-tool",
+    toolName: request.tool,
+    toolCallId: request.toolCallId || request.id,
+    state: "approval-requested",
+    input: request.input,
+    approval: { id: request.id }
+  };
+  const handleApprove = (approvalId, approved, reason) => {
+    if (!onResolve) return;
+    setError(void 0);
+    setBusy(true);
+    void Promise.resolve(onResolve(approvalId, approved ? "approve" : "deny", reason)).catch((err) => {
+      setError(err instanceof Error ? err.message : String(err));
+    }).finally(() => setBusy(false));
+  };
+  return /* @__PURE__ */ jsxs("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", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-1 flex flex-wrap items-center justify-between gap-2 text-[11px] text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { children: request.requestedBy ? `Requested by ${request.requestedBy}` : "Requested" }),
+      /* @__PURE__ */ jsxs("span", { className: "flex gap-density-3", children: [
+        request.createdAt ? /* @__PURE__ */ jsxs("span", { title: formatDate(request.createdAt), children: [
+          ageLabel(request.createdAt),
+          " ago"
+        ] }) : null,
+        request.expiresAt ? /* @__PURE__ */ jsx("span", { title: formatDate(request.expiresAt), children: remainingLabel(request.expiresAt) }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ToolCall,
+      {
+        part,
+        defaultOpen: true,
+        onApprove: busy ? void 0 : handleApprove
+      }
+    ),
+    busy ? /* @__PURE__ */ jsx("p", { className: "mt-1.5 pl-4 text-xs text-muted-foreground", children: "Submitting…" }) : null,
+    error ? /* @__PURE__ */ jsx("p", { role: "alert", className: "mt-1.5 pl-4 text-xs text-destructive", children: error }) : null
+  ] });
+}
+function ageLabel(createdAt) {
+  return durationLabel(createdAt) || "0s";
+}
+function remainingLabel(expiresAt) {
+  const expiry = new Date(expiresAt).getTime();
+  if (Number.isNaN(expiry)) return "";
+  const now = Date.now();
+  if (expiry <= now) return "expired";
+  const label = durationLabel(new Date(now).toISOString(), expiresAt);
+  return label ? `${label} left` : "";
+}
+export {
+  SessionApprovalsPanel
+};
+//# sourceMappingURL=SessionInspector.approvals.js.map

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

@@ -0,0 +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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"}

package/dist/data/ai/SessionInspector.cjs

@@ -11,6 +11,7 @@ const SessionInspector_transcript = require("./SessionInspector.transcript.cjs")
 const SessionInspector_collection = require("./SessionInspector.collection.cjs");
 const SessionInspector_hierarchy = require("./SessionInspector.hierarchy.cjs");
 const SessionInspector_hierarchyState = require("./SessionInspector.hierarchy-state.cjs");
+const SessionInspector_approvalsModel = require("./SessionInspector.approvals-model.cjs");
 const SessionViewer = require("./SessionViewer.cjs");
 const UiChatDots = require("../../icons/components/UiChatDots.cjs");
 const UiFileText = require("../../icons/components/UiFileText.cjs");
@@ -36,6 +37,7 @@ function SessionInspector({
   transcriptProps,
   renderSessionActions,
   onPlanChange,
+  onResolveApproval,
   composer
 }) {
   const detail = react.useMemo(
@@ -52,6 +54,7 @@ function SessionInspector({
       ...transcriptProps ? { transcriptProps } : {},
       ...renderSessionActions ? { renderSessionActions } : {},
       ...onPlanChange ? { onPlanChange } : {},
+      ...onResolveApproval ? { onResolveApproval } : {},
       ...composer ? { composer } : {}
     };
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -81,6 +84,7 @@ function CollectionSessionInspector({
   transcriptProps,
   renderSessionActions,
   onPlanChange,
+  onResolveApproval,
   composer
 }) {
   const hierarchy = SessionInspector_hierarchyState.useSessionHierarchy(collection);
@@ -119,7 +123,7 @@ function CollectionSessionInspector({
             "aria-label": "Session detail view",
             className: "flex shrink-0 overflow-x-auto border-b border-border px-density-2",
             children: TABS.map((item) => {
-              const count = tabCount(item.id, hierarchy.current);
+              const badge = tabBadge(item.id, hierarchy.current);
               return /* @__PURE__ */ jsxRuntime.jsx(
                 TabButton.TabButton,
                 {
@@ -132,7 +136,8 @@ function CollectionSessionInspector({
                   ),
                   icon: item.icon,
                   variant: "underline",
-                  ...count === void 0 ? {} : { count },
+                  ...badge.count === void 0 ? {} : { count: badge.count },
+                  ...badge.color ? { countColor: badge.color } : {},
                   className: "shrink-0 py-density-2 [&_svg]:text-muted-foreground"
                 },
                 item.id
@@ -164,7 +169,8 @@ function CollectionSessionInspector({
                     tab,
                     detail: panelDetail,
                     session: hierarchy.current,
-                    ...onPlanChange ? { onPlanChange } : {}
+                    ...onPlanChange ? { onPlanChange } : {},
+                    ...onResolveApproval ? { onResolveApproval } : {}
                   }
                 )
               }
@@ -238,15 +244,22 @@ function LegacySessionInspector({
     }
   );
 }
-function tabCount(tab, session) {
+function tabBadge(tab, session) {
   var _a, _b, _c, _d, _e, _f;
   switch (tab) {
     case "files":
-      return (((_b = (_a = session == null ? void 0 : session.files) == null ? void 0 : _a.read) == null ? void 0 : _b.length) ?? 0) + (((_d = (_c = session == null ? void 0 : session.files) == null ? void 0 : _c.written) == null ? void 0 : _d.length) ?? 0);
-    case "approvals":
-      return (((_e = session == null ? void 0 : session.approvals) == null ? void 0 : _e.approved) ?? 0) + (((_f = session == null ? void 0 : session.approvals) == null ? void 0 : _f.denied) ?? 0);
+      return {
+        count: (((_b = (_a = session == null ? void 0 : session.files) == null ? void 0 : _a.read) == null ? void 0 : _b.length) ?? 0) + (((_d = (_c = session == null ? void 0 : session.files) == null ? void 0 : _c.written) == null ? void 0 : _d.length) ?? 0)
+      };
+    case "approvals": {
+      const pending = SessionInspector_approvalsModel.pendingApprovalRequests(session == null ? void 0 : session.requests).length;
+      if (pending) return { count: pending, color: "bg-amber-500" };
+      return {
+        count: (((_e = session == null ? void 0 : session.approvals) == null ? void 0 : _e.approved) ?? 0) + (((_f = session == null ? void 0 : session.approvals) == null ? void 0 : _f.denied) ?? 0)
+      };
+    }
     default:
-      return void 0;
+      return {};
   }
 }
 function singleSessionCollection(session) {