@flanksource/clicky-ui 0.3.41 → 0.3.43

package/dist/data/ai/SessionViewer.approval-body.js

@@ -0,0 +1,146 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { questionsFromApproval } from "./SessionViewer.input.js";
+import { ElicitationUrlControls, ElicitationFormControls, PermissionsControls } from "./SessionViewer.approval-forms.js";
+import { PendingDecisionControls, QuestionDecisionControls, PlanDecisionControls } from "./SessionViewer.decision-controls.js";
+import { Markdown } from "../Markdown.js";
+import { DetailBlock, QuestionCard } from "./SessionViewer.tool-details.js";
+function Badge({ tone, children }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "rounded px-1.5 py-0.5 text-[11px] font-medium",
+        tone === "amber" && "bg-amber-500/15 text-amber-700 [[data-theme=dark]_&]:text-amber-300",
+        tone === "rose" && "bg-rose-500/15 text-rose-700 [[data-theme=dark]_&]:text-rose-300"
+      ),
+      children
+    }
+  );
+}
+function Fact({ label, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2 text-xs", children: [
+    /* @__PURE__ */ jsx("dt", { className: "w-14 shrink-0 text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("dd", { className: "min-w-0 flex-1 break-all", children })
+  ] });
+}
+function Mono({ children }) {
+  return /* @__PURE__ */ jsx("code", { className: "font-mono text-foreground", children });
+}
+function RequestFacts({ request }) {
+  var _a, _b;
+  const { command, filesystem, network, elicitation, plan } = request;
+  return /* @__PURE__ */ jsxs("dl", { className: "space-y-1", children: [
+    (command == null ? void 0 : command.command) && /* @__PURE__ */ jsx(Fact, { label: "Command", children: /* @__PURE__ */ jsx(Mono, { children: command.command }) }),
+    (command == null ? void 0 : command.stdin) && /* @__PURE__ */ jsx(Fact, { label: "Stdin", children: /* @__PURE__ */ jsxs("span", { children: [
+      "terminal ",
+      command.stdin.terminal,
+      ": ",
+      /* @__PURE__ */ jsx(Mono, { children: JSON.stringify(command.stdin.chars) })
+    ] }) }),
+    (command == null ? void 0 : command.cwd) && /* @__PURE__ */ jsx(Fact, { label: "Cwd", children: /* @__PURE__ */ jsx(Mono, { children: command.cwd }) }),
+    (command == null ? void 0 : command.proposedPolicy) && command.proposedPolicy.length > 0 && /* @__PURE__ */ jsx(Fact, { label: "Rule", children: /* @__PURE__ */ jsxs("span", { "data-approval-proposed-policy": true, className: "text-muted-foreground", children: [
+      "Proposed rule (not applied): ",
+      command.proposedPolicy.join(" ")
+    ] }) }),
+    filesystem && /* @__PURE__ */ jsx(Fact, { label: "Action", children: /* @__PURE__ */ jsx("span", { children: filesystem.operation }) }),
+    (_a = filesystem == null ? void 0 : filesystem.paths) == null ? void 0 : _a.map((path) => /* @__PURE__ */ jsx(Fact, { label: "Path", children: /* @__PURE__ */ jsx(Mono, { children: path }) }, path)),
+    (_b = filesystem == null ? void 0 : filesystem.changes) == null ? void 0 : _b.map((change) => /* @__PURE__ */ jsx(Fact, { label: "Change", children: /* @__PURE__ */ jsxs("span", { className: "inline-flex gap-1.5", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-medium", children: change.kind }),
+      /* @__PURE__ */ jsx(Mono, { children: change.path })
+    ] }) }, `${change.kind}:${change.path}`)),
+    (network == null ? void 0 : network.host) && /* @__PURE__ */ jsx(Fact, { label: "Host", children: /* @__PURE__ */ jsx("span", { children: network.host }) }),
+    (network == null ? void 0 : network.protocol) && /* @__PURE__ */ jsx(Fact, { label: "Protocol", children: /* @__PURE__ */ jsx("span", { children: network.protocol }) }),
+    (network == null ? void 0 : network.url) && /* @__PURE__ */ jsx(Fact, { label: "URL", children: /* @__PURE__ */ jsx(Mono, { children: network.url }) }),
+    (network == null ? void 0 : network.command) && /* @__PURE__ */ jsx(Fact, { label: "Command", children: /* @__PURE__ */ jsx(Mono, { children: network.command }) }),
+    elicitation && /* @__PURE__ */ jsx(Fact, { label: "Server", children: /* @__PURE__ */ jsx("span", { children: elicitation.server }) }),
+    (elicitation == null ? void 0 : elicitation.message) && /* @__PURE__ */ jsx(Fact, { label: "Message", children: /* @__PURE__ */ jsx("span", { children: elicitation.message }) }),
+    (plan == null ? void 0 : plan.path) && /* @__PURE__ */ jsx(Fact, { label: "Plan", children: /* @__PURE__ */ jsx(Mono, { children: plan.path }) }),
+    request.reason && /* @__PURE__ */ jsx(Fact, { label: "Reason", children: /* @__PURE__ */ jsx("span", { children: request.reason }) })
+  ] });
+}
+function RequestFlags({ request }) {
+  var _a;
+  const unsandboxed = ((_a = request.command) == null ? void 0 : _a.unsandboxed) === true;
+  if (!request.escalates && !unsandboxed) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1.5", children: [
+    request.escalates && /* @__PURE__ */ jsx(Badge, { tone: "amber", children: "Escalates sandbox" }),
+    unsandboxed && /* @__PURE__ */ jsx(Badge, { tone: "rose", children: "Unsandboxed" })
+  ] });
+}
+function TypedApprovalBody({
+  event,
+  request,
+  onDecision
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "mt-1.5 space-y-1.5", "data-approval-kind": request.kind, children: [
+    /* @__PURE__ */ jsx(RequestFlags, { request }),
+    /* @__PURE__ */ jsx(RequestFacts, { request }),
+    request.kind === "tool" && request.input && /* @__PURE__ */ jsx(DetailBlock, { language: "json", source: JSON.stringify(request.input, null, 2) }),
+    request.kind === "plan" && request.plan && /* @__PURE__ */ jsx("div", { "data-approval-plan": true, className: "rounded-md border border-border bg-background p-density-3 text-sm", children: /* @__PURE__ */ jsx(Markdown, { text: request.plan.content }) }),
+    request.kind === "question" && questionsFromApproval(request.questions ?? []).map((question, index) => /* @__PURE__ */ jsx(QuestionCard, { question, index }, `${question.id}-${index}`)),
+    onDecision && /* @__PURE__ */ jsx(KindControls, { event, request, onDecision })
+  ] });
+}
+function KindControls({
+  event,
+  request,
+  onDecision
+}) {
+  switch (request.kind) {
+    case "permissions":
+      return /* @__PURE__ */ jsx(PermissionsControls, { event, request, onDecision });
+    case "elicitation":
+      if (!request.elicitation) return /* @__PURE__ */ jsx(MissingPayload, { request });
+      return request.elicitation.mode === "url" ? /* @__PURE__ */ jsx(
+        ElicitationUrlControls,
+        {
+          event,
+          request,
+          elicitation: request.elicitation,
+          onDecision
+        }
+      ) : /* @__PURE__ */ jsx(
+        ElicitationFormControls,
+        {
+          event,
+          request,
+          elicitation: request.elicitation,
+          onDecision
+        }
+      );
+    case "plan":
+      if (!request.plan) return /* @__PURE__ */ jsx(MissingPayload, { request });
+      return /* @__PURE__ */ jsx(PlanDecisionControls, { event, request, onDecision });
+    case "question":
+      return /* @__PURE__ */ jsx(
+        QuestionDecisionControls,
+        {
+          event,
+          request,
+          questions: questionsFromApproval(request.questions ?? []),
+          onDecision
+        }
+      );
+    case "command":
+    case "filesystem":
+    case "network":
+    case "tool":
+      return /* @__PURE__ */ jsx(PendingDecisionControls, { event, request, onDecision });
+  }
+}
+function MissingPayload({ request }) {
+  return /* @__PURE__ */ jsxs("div", { role: "alert", className: "text-xs text-rose-600", children: [
+    "This ",
+    request.kind,
+    " approval for ",
+    request.tool,
+    " is missing its ",
+    request.kind,
+    " payload."
+  ] });
+}
+export {
+  TypedApprovalBody
+};
+//# sourceMappingURL=SessionViewer.approval-body.js.map

package/dist/data/ai/SessionViewer.approval-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.approval-body.js","sources":["../../../src/data/ai/SessionViewer.approval-body.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport type { ApprovalRequest } from \"./approval-request\";\nimport { questionsFromApproval } from \"./SessionViewer.input\";\nimport type { SessionEvent } from \"./SessionViewer.model\";\nimport {\n  ElicitationFormControls,\n  ElicitationUrlControls,\n  PermissionsControls,\n} from \"./SessionViewer.approval-forms\";\nimport type { DecisionHandler } from \"./SessionViewer.decision\";\nimport {\n  PendingDecisionControls,\n  PlanDecisionControls,\n  QuestionDecisionControls,\n} from \"./SessionViewer.decision-controls\";\nimport { Markdown } from \"../Markdown\";\nimport { DetailBlock, QuestionCard } from \"./SessionViewer.tool-details\";\n\nfunction Badge({ tone, children }: { tone: \"amber\" | \"rose\"; children: ReactNode }) {\n  return (\n    <span\n      className={cn(\n        \"rounded px-1.5 py-0.5 text-[11px] font-medium\",\n        tone === \"amber\" && \"bg-amber-500/15 text-amber-700 [[data-theme=dark]_&]:text-amber-300\",\n        tone === \"rose\" && \"bg-rose-500/15 text-rose-700 [[data-theme=dark]_&]:text-rose-300\",\n      )}\n    >\n      {children}\n    </span>\n  );\n}\n\nfunction Fact({ label, children }: { label: string; children: ReactNode }) {\n  return (\n    <div className=\"flex items-baseline gap-2 text-xs\">\n      <dt className=\"w-14 shrink-0 text-muted-foreground\">{label}</dt>\n      <dd className=\"min-w-0 flex-1 break-all\">{children}</dd>\n    </div>\n  );\n}\n\nfunction Mono({ children }: { children: ReactNode }) {\n  return <code className=\"font-mono text-foreground\">{children}</code>;\n}\n\nfunction RequestFacts({ request }: { request: ApprovalRequest }) {\n  const { command, filesystem, network, elicitation, plan } = request;\n  return (\n    <dl className=\"space-y-1\">\n      {command?.command && <Fact label=\"Command\"><Mono>{command.command}</Mono></Fact>}\n      {command?.stdin && (\n        <Fact label=\"Stdin\">\n          <span>\n            terminal {command.stdin.terminal}: <Mono>{JSON.stringify(command.stdin.chars)}</Mono>\n          </span>\n        </Fact>\n      )}\n      {command?.cwd && <Fact label=\"Cwd\"><Mono>{command.cwd}</Mono></Fact>}\n      {command?.proposedPolicy && command.proposedPolicy.length > 0 && (\n        <Fact label=\"Rule\">\n          <span data-approval-proposed-policy className=\"text-muted-foreground\">\n            Proposed rule (not applied): {command.proposedPolicy.join(\" \")}\n          </span>\n        </Fact>\n      )}\n      {filesystem && <Fact label=\"Action\"><span>{filesystem.operation}</span></Fact>}\n      {filesystem?.paths?.map((path) => (\n        <Fact key={path} label=\"Path\"><Mono>{path}</Mono></Fact>\n      ))}\n      {filesystem?.changes?.map((change) => (\n        <Fact key={`${change.kind}:${change.path}`} label=\"Change\">\n          <span className=\"inline-flex gap-1.5\">\n            <span className=\"font-medium\">{change.kind}</span>\n            <Mono>{change.path}</Mono>\n          </span>\n        </Fact>\n      ))}\n      {network?.host && <Fact label=\"Host\"><span>{network.host}</span></Fact>}\n      {network?.protocol && <Fact label=\"Protocol\"><span>{network.protocol}</span></Fact>}\n      {network?.url && <Fact label=\"URL\"><Mono>{network.url}</Mono></Fact>}\n      {network?.command && <Fact label=\"Command\"><Mono>{network.command}</Mono></Fact>}\n      {elicitation && <Fact label=\"Server\"><span>{elicitation.server}</span></Fact>}\n      {elicitation?.message && <Fact label=\"Message\"><span>{elicitation.message}</span></Fact>}\n      {plan?.path && <Fact label=\"Plan\"><Mono>{plan.path}</Mono></Fact>}\n      {request.reason && <Fact label=\"Reason\"><span>{request.reason}</span></Fact>}\n    </dl>\n  );\n}\n\nfunction RequestFlags({ request }: { request: ApprovalRequest }) {\n  const unsandboxed = request.command?.unsandboxed === true;\n  if (!request.escalates && !unsandboxed) return null;\n  return (\n    <div className=\"flex flex-wrap gap-1.5\">\n      {request.escalates && <Badge tone=\"amber\">Escalates sandbox</Badge>}\n      {unsandboxed && <Badge tone=\"rose\">Unsandboxed</Badge>}\n    </div>\n  );\n}\n\n/** The body of a typed approval: what is being asked for, then the controls for\n *  its kind. Without `onDecision` it only describes the request. */\nexport function TypedApprovalBody({\n  event,\n  request,\n  onDecision,\n}: {\n  event: SessionEvent;\n  request: ApprovalRequest;\n  onDecision?: DecisionHandler | undefined;\n}) {\n  return (\n    <div className=\"mt-1.5 space-y-1.5\" data-approval-kind={request.kind}>\n      <RequestFlags request={request} />\n      <RequestFacts request={request} />\n      {request.kind === \"tool\" && request.input && (\n        <DetailBlock language=\"json\" source={JSON.stringify(request.input, null, 2)} />\n      )}\n      {request.kind === \"plan\" && request.plan && (\n        <div data-approval-plan className=\"rounded-md border border-border bg-background p-density-3 text-sm\">\n          <Markdown text={request.plan.content} />\n        </div>\n      )}\n      {request.kind === \"question\" &&\n        questionsFromApproval(request.questions ?? []).map((question, index) => (\n          <QuestionCard key={`${question.id}-${index}`} question={question} index={index} />\n        ))}\n      {onDecision && <KindControls event={event} request={request} onDecision={onDecision} />}\n    </div>\n  );\n}\n\nfunction KindControls({\n  event,\n  request,\n  onDecision,\n}: {\n  event: SessionEvent;\n  request: ApprovalRequest;\n  onDecision: DecisionHandler;\n}) {\n  switch (request.kind) {\n    case \"permissions\":\n      return <PermissionsControls event={event} request={request} onDecision={onDecision} />;\n    case \"elicitation\":\n      if (!request.elicitation) return <MissingPayload request={request} />;\n      return request.elicitation.mode === \"url\" ? (\n        <ElicitationUrlControls\n          event={event}\n          request={request}\n          elicitation={request.elicitation}\n          onDecision={onDecision}\n        />\n      ) : (\n        <ElicitationFormControls\n          event={event}\n          request={request}\n          elicitation={request.elicitation}\n          onDecision={onDecision}\n        />\n      );\n    case \"plan\":\n      if (!request.plan) return <MissingPayload request={request} />;\n      return <PlanDecisionControls event={event} request={request} onDecision={onDecision} />;\n    case \"question\":\n      return (\n        <QuestionDecisionControls\n          event={event}\n          request={request}\n          questions={questionsFromApproval(request.questions ?? [])}\n          onDecision={onDecision}\n        />\n      );\n    case \"command\":\n    case \"filesystem\":\n    case \"network\":\n    case \"tool\":\n      return <PendingDecisionControls event={event} request={request} onDecision={onDecision} />;\n  }\n}\n\nfunction MissingPayload({ request }: { request: ApprovalRequest }) {\n  return (\n    <div role=\"alert\" className=\"text-xs text-rose-600\">\n      This {request.kind} approval for {request.tool} is missing its {request.kind} payload.\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/ai/SessionViewer.approval-forms.cjs

@@ -0,0 +1,150 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const JsonSchemaForm = require("../../components/JsonSchemaForm.cjs");
+const Icon = require("../Icon.cjs");
+const approvalRequest = require("./approval-request.cjs");
+const SessionViewer_decision = require("./SessionViewer.decision.cjs");
+const SessionViewer_decisionControls = require("./SessionViewer.decision-controls.cjs");
+const UiExternalLink = require("../../icons/components/UiExternalLink.cjs");
+const PANEL = "mt-2 space-y-2 rounded-md border border-amber-500/30 bg-amber-500/5 p-density-3";
+function PermissionsControls({ event, request, onDecision }) {
+  const entries = react.useMemo(() => approvalRequest.grantEntries(request.permissions ?? {}), [request]);
+  const [selected, setSelected] = react.useState(
+    () => new Set(entries.map((entry) => entry.key))
+  );
+  const { busy, error, decide } = SessionViewer_decision.useDecision(event, onDecision);
+  const toggle = (key) => setSelected((current) => {
+    const next = new Set(current);
+    if (next.has(key)) next.delete(key);
+    else next.add(key);
+    return next;
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PANEL, children: [
+    entries.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { role: "alert", className: "text-xs text-rose-600", children: "This permissions request lists no grantable filesystem or network entries." }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-1", children: entries.map((entry) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-start gap-2 text-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: selected.has(entry.key),
+          onChange: () => toggle(entry.key)
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 break-all font-mono text-xs", children: entry.label })
+    ] }) }, entry.key)) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SessionViewer_decisionControls.DecisionActions,
+      {
+        request,
+        busy,
+        allowLabel: "Allow selected",
+        allowDisabled: selected.size === 0,
+        allowFields: () => ({ grants: approvalRequest.grantFromSelection(entries, selected) }),
+        decide
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_decisionControls.DecisionError, { message: error })
+  ] });
+}
+function requiredFields(schema) {
+  const required = schema["required"];
+  return Array.isArray(required) ? required.filter((name) => typeof name === "string") : [];
+}
+function isFilled(value) {
+  return value !== void 0 && value !== null && value !== "";
+}
+function ElicitationFormControls({
+  event,
+  request,
+  elicitation,
+  onDecision
+}) {
+  const [value, setValue] = react.useState({});
+  const { busy, error, decide } = SessionViewer_decision.useDecision(event, onDecision);
+  const schema = elicitation.schema;
+  const missing = schema ? requiredFields(schema).filter((name) => !isFilled(value[name])) : [];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PANEL, children: [
+    schema ? /* @__PURE__ */ jsxRuntime.jsx(
+      JsonSchemaForm.JsonSchemaForm,
+      {
+        schema: { type: "object", ...schema },
+        value,
+        onChange: setValue,
+        idPrefix: `elicit-${event.id}`,
+        size: "sm"
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "alert", className: "text-xs text-rose-600", children: [
+      "This form elicitation from ",
+      elicitation.server,
+      " carries no schema, so it cannot be filled in."
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SessionViewer_decisionControls.DecisionActions,
+      {
+        request,
+        busy,
+        allowLabel: "Submit",
+        allowDisabled: !schema || missing.length > 0,
+        allowFields: () => ({
+          content: Object.fromEntries(Object.entries(value).filter(([, entry]) => isFilled(entry)))
+        }),
+        denyLabel: "Decline",
+        decide
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_decisionControls.DecisionError, { message: error })
+  ] });
+}
+function safeHttpUrl(raw) {
+  try {
+    const url = new URL(raw);
+    return url.protocol === "https:" || url.protocol === "http:" ? url.href : void 0;
+  } catch {
+    return void 0;
+  }
+}
+function ElicitationUrlControls({
+  event,
+  request,
+  elicitation,
+  onDecision
+}) {
+  const { busy, error, decide } = SessionViewer_decision.useDecision(event, onDecision);
+  const raw = elicitation.url ?? "";
+  const href = safeHttpUrl(raw);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PANEL, children: [
+    href ? /* @__PURE__ */ jsxRuntime.jsxs(
+      "a",
+      {
+        href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "inline-flex max-w-full items-center gap-1 break-all text-sm text-primary underline",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiExternalLink.UiExternalLink, className: "size-3.5 shrink-0" }),
+          href
+        ]
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "alert", className: "break-all text-xs text-rose-600", children: [
+      "Not linked because it is not an http(s) url: ",
+      raw || "(no url)"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Finish at the link, then choose Done." }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SessionViewer_decisionControls.DecisionActions,
+      {
+        request,
+        busy,
+        allowLabel: "Done",
+        denyLabel: "Decline",
+        decide
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_decisionControls.DecisionError, { message: error })
+  ] });
+}
+exports.ElicitationFormControls = ElicitationFormControls;
+exports.ElicitationUrlControls = ElicitationUrlControls;
+exports.PermissionsControls = PermissionsControls;
+//# sourceMappingURL=SessionViewer.approval-forms.cjs.map

package/dist/data/ai/SessionViewer.approval-forms.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.approval-forms.cjs","sources":["../../../src/data/ai/SessionViewer.approval-forms.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { JsonSchemaForm } from \"../../components/JsonSchemaForm\";\nimport type { JsonSchemaObject } from \"../../components/json-schema-form-types\";\nimport { UiExternalLink } from \"../../icons\";\nimport { Icon } from \"../Icon\";\nimport {\n  grantEntries,\n  grantFromSelection,\n  type ApprovalRequest,\n  type ElicitationApproval,\n} from \"./approval-request\";\nimport { useDecision, type DecisionHandler } from \"./SessionViewer.decision\";\nimport { DecisionActions, DecisionError } from \"./SessionViewer.decision-controls\";\nimport type { SessionEvent } from \"./SessionViewer.model\";\n\nconst PANEL = \"mt-2 space-y-2 rounded-md border border-amber-500/30 bg-amber-500/5 p-density-3\";\n\ninterface KindControlsProps {\n  event: SessionEvent;\n  request: ApprovalRequest;\n  onDecision: DecisionHandler;\n}\n\n/** A permissions request lists exactly what it asks for; each entry can be\n *  unticked, and the ticked subset is sent back as `grants`. */\nexport function PermissionsControls({ event, request, onDecision }: KindControlsProps) {\n  const entries = useMemo(() => grantEntries(request.permissions ?? {}), [request]);\n  const [selected, setSelected] = useState<ReadonlySet<string>>(\n    () => new Set(entries.map((entry) => entry.key)),\n  );\n  const { busy, error, decide } = useDecision(event, onDecision);\n  const toggle = (key: string) =>\n    setSelected((current) => {\n      const next = new Set(current);\n      if (next.has(key)) next.delete(key);\n      else next.add(key);\n      return next;\n    });\n  return (\n    <div className={PANEL}>\n      {entries.length === 0 ? (\n        <div role=\"alert\" className=\"text-xs text-rose-600\">\n          This permissions request lists no grantable filesystem or network entries.\n        </div>\n      ) : (\n        <ul className=\"space-y-1\">\n          {entries.map((entry) => (\n            <li key={entry.key}>\n              <label className=\"flex items-start gap-2 text-sm\">\n                <input\n                  type=\"checkbox\"\n                  checked={selected.has(entry.key)}\n                  onChange={() => toggle(entry.key)}\n                />\n                <span className=\"min-w-0 break-all font-mono text-xs\">{entry.label}</span>\n              </label>\n            </li>\n          ))}\n        </ul>\n      )}\n      <DecisionActions\n        request={request}\n        busy={busy}\n        allowLabel=\"Allow selected\"\n        allowDisabled={selected.size === 0}\n        allowFields={() => ({ grants: grantFromSelection(entries, selected) })}\n        decide={decide}\n      />\n      <DecisionError message={error} />\n    </div>\n  );\n}\n\nfunction requiredFields(schema: Record<string, unknown>): string[] {\n  const required = schema[\"required\"];\n  return Array.isArray(required)\n    ? required.filter((name): name is string => typeof name === \"string\")\n    : [];\n}\n\nfunction isFilled(value: unknown): boolean {\n  return value !== undefined && value !== null && value !== \"\";\n}\n\n/** Form-mode elicitation: the server's flat schema rendered by JsonSchemaForm.\n *  Submit sends the entered values as `content`; Decline and Cancel send none. */\nexport function ElicitationFormControls({\n  event,\n  request,\n  elicitation,\n  onDecision,\n}: KindControlsProps & { elicitation: ElicitationApproval }) {\n  const [value, setValue] = useState<Record<string, unknown>>({});\n  const { busy, error, decide } = useDecision(event, onDecision);\n  const schema = elicitation.schema;\n  const missing = schema ? requiredFields(schema).filter((name) => !isFilled(value[name])) : [];\n  return (\n    <div className={PANEL}>\n      {schema ? (\n        <JsonSchemaForm\n          // The elicitation schema is untyped server JSON: a flat object of\n          // primitive properties, which is what JsonSchemaForm renders.\n          schema={{ type: \"object\", ...schema } as JsonSchemaObject}\n          value={value}\n          onChange={setValue}\n          idPrefix={`elicit-${event.id}`}\n          size=\"sm\"\n        />\n      ) : (\n        <div role=\"alert\" className=\"text-xs text-rose-600\">\n          This form elicitation from {elicitation.server} carries no schema, so it cannot be filled in.\n        </div>\n      )}\n      <DecisionActions\n        request={request}\n        busy={busy}\n        allowLabel=\"Submit\"\n        allowDisabled={!schema || missing.length > 0}\n        allowFields={() => ({\n          content: Object.fromEntries(Object.entries(value).filter(([, entry]) => isFilled(entry))),\n        })}\n        denyLabel=\"Decline\"\n        decide={decide}\n      />\n      <DecisionError message={error} />\n    </div>\n  );\n}\n\nfunction safeHttpUrl(raw: string): string | undefined {\n  try {\n    const url = new URL(raw);\n    return url.protocol === \"https:\" || url.protocol === \"http:\" ? url.href : undefined;\n  } catch {\n    return undefined;\n  }\n}\n\n/** URL-mode elicitation: the person finishes at the link, then answers Done\n *  (allow, no content), Decline (deny) or Cancel (deny + interrupt). */\nexport function ElicitationUrlControls({\n  event,\n  request,\n  elicitation,\n  onDecision,\n}: KindControlsProps & { elicitation: ElicitationApproval }) {\n  const { busy, error, decide } = useDecision(event, onDecision);\n  const raw = elicitation.url ?? \"\";\n  const href = safeHttpUrl(raw);\n  return (\n    <div className={PANEL}>\n      {href ? (\n        <a\n          href={href}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"inline-flex max-w-full items-center gap-1 break-all text-sm text-primary underline\"\n        >\n          <Icon icon={UiExternalLink} className=\"size-3.5 shrink-0\" />\n          {href}\n        </a>\n      ) : (\n        <div role=\"alert\" className=\"break-all text-xs text-rose-600\">\n          Not linked because it is not an http(s) url: {raw || \"(no url)\"}\n        </div>\n      )}\n      <p className=\"text-xs text-muted-foreground\">\n        Finish at the link, then choose Done.\n      </p>\n      <DecisionActions\n        request={request}\n        busy={busy}\n        allowLabel=\"Done\"\n        denyLabel=\"Decline\"\n        decide={decide}\n      />\n      <DecisionError message={error} />\n    </div>\n  );\n}\n"],"names":["useMemo","grantEntries","useState","useDecision","jsxs","jsx","DecisionActions","grantFromSelection","DecisionError","JsonSchemaForm","Icon","UiExternalLink"],"mappings":"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"}

package/dist/data/ai/SessionViewer.approval-forms.d.ts

@@ -0,0 +1,23 @@
+import { ApprovalRequest, ElicitationApproval } from './approval-request.js';
+import { DecisionHandler } from './SessionViewer.decision.js';
+import { SessionEvent } from './SessionViewer.model.js';
+interface KindControlsProps {
+    event: SessionEvent;
+    request: ApprovalRequest;
+    onDecision: DecisionHandler;
+}
+/** A permissions request lists exactly what it asks for; each entry can be
+ *  unticked, and the ticked subset is sent back as `grants`. */
+export declare function PermissionsControls({ event, request, onDecision }: KindControlsProps): import("react").JSX.Element;
+/** Form-mode elicitation: the server's flat schema rendered by JsonSchemaForm.
+ *  Submit sends the entered values as `content`; Decline and Cancel send none. */
+export declare function ElicitationFormControls({ event, request, elicitation, onDecision, }: KindControlsProps & {
+    elicitation: ElicitationApproval;
+}): import("react").JSX.Element;
+/** URL-mode elicitation: the person finishes at the link, then answers Done
+ *  (allow, no content), Decline (deny) or Cancel (deny + interrupt). */
+export declare function ElicitationUrlControls({ event, request, elicitation, onDecision, }: KindControlsProps & {
+    elicitation: ElicitationApproval;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=SessionViewer.approval-forms.d.ts.map

package/dist/data/ai/SessionViewer.approval-forms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.approval-forms.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.approval-forms.tsx"],"names":[],"mappings":"AAKA,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACzB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAe,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAI1D,UAAU,iBAAiB;IACzB,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,eAAe,CAAC;IACzB,UAAU,EAAE,eAAe,CAAC;CAC7B;AAED;gEACgE;AAChE,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,iBAAiB,+BA8CpF;AAaD;kFACkF;AAClF,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,OAAO,EACP,WAAW,EACX,UAAU,GACX,EAAE,iBAAiB,GAAG;IAAE,WAAW,EAAE,mBAAmB,CAAA;CAAE,+BAoC1D;AAWD;wEACwE;AACxE,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,OAAO,EACP,WAAW,EACX,UAAU,GACX,EAAE,iBAAiB,GAAG;IAAE,WAAW,EAAE,mBAAmB,CAAA;CAAE,+BAkC1D"}

package/dist/data/ai/SessionViewer.approval-forms.js

@@ -0,0 +1,150 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import { JsonSchemaForm } from "../../components/JsonSchemaForm.js";
+import { Icon } from "../Icon.js";
+import { grantEntries, grantFromSelection } from "./approval-request.js";
+import { useDecision } from "./SessionViewer.decision.js";
+import { DecisionActions, DecisionError } from "./SessionViewer.decision-controls.js";
+import { UiExternalLink } from "../../icons/components/UiExternalLink.js";
+const PANEL = "mt-2 space-y-2 rounded-md border border-amber-500/30 bg-amber-500/5 p-density-3";
+function PermissionsControls({ event, request, onDecision }) {
+  const entries = useMemo(() => grantEntries(request.permissions ?? {}), [request]);
+  const [selected, setSelected] = useState(
+    () => new Set(entries.map((entry) => entry.key))
+  );
+  const { busy, error, decide } = useDecision(event, onDecision);
+  const toggle = (key) => setSelected((current) => {
+    const next = new Set(current);
+    if (next.has(key)) next.delete(key);
+    else next.add(key);
+    return next;
+  });
+  return /* @__PURE__ */ jsxs("div", { className: PANEL, children: [
+    entries.length === 0 ? /* @__PURE__ */ jsx("div", { role: "alert", className: "text-xs text-rose-600", children: "This permissions request lists no grantable filesystem or network entries." }) : /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: entries.map((entry) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("label", { className: "flex items-start gap-2 text-sm", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: selected.has(entry.key),
+          onChange: () => toggle(entry.key)
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 break-all font-mono text-xs", children: entry.label })
+    ] }) }, entry.key)) }),
+    /* @__PURE__ */ jsx(
+      DecisionActions,
+      {
+        request,
+        busy,
+        allowLabel: "Allow selected",
+        allowDisabled: selected.size === 0,
+        allowFields: () => ({ grants: grantFromSelection(entries, selected) }),
+        decide
+      }
+    ),
+    /* @__PURE__ */ jsx(DecisionError, { message: error })
+  ] });
+}
+function requiredFields(schema) {
+  const required = schema["required"];
+  return Array.isArray(required) ? required.filter((name) => typeof name === "string") : [];
+}
+function isFilled(value) {
+  return value !== void 0 && value !== null && value !== "";
+}
+function ElicitationFormControls({
+  event,
+  request,
+  elicitation,
+  onDecision
+}) {
+  const [value, setValue] = useState({});
+  const { busy, error, decide } = useDecision(event, onDecision);
+  const schema = elicitation.schema;
+  const missing = schema ? requiredFields(schema).filter((name) => !isFilled(value[name])) : [];
+  return /* @__PURE__ */ jsxs("div", { className: PANEL, children: [
+    schema ? /* @__PURE__ */ jsx(
+      JsonSchemaForm,
+      {
+        schema: { type: "object", ...schema },
+        value,
+        onChange: setValue,
+        idPrefix: `elicit-${event.id}`,
+        size: "sm"
+      }
+    ) : /* @__PURE__ */ jsxs("div", { role: "alert", className: "text-xs text-rose-600", children: [
+      "This form elicitation from ",
+      elicitation.server,
+      " carries no schema, so it cannot be filled in."
+    ] }),
+    /* @__PURE__ */ jsx(
+      DecisionActions,
+      {
+        request,
+        busy,
+        allowLabel: "Submit",
+        allowDisabled: !schema || missing.length > 0,
+        allowFields: () => ({
+          content: Object.fromEntries(Object.entries(value).filter(([, entry]) => isFilled(entry)))
+        }),
+        denyLabel: "Decline",
+        decide
+      }
+    ),
+    /* @__PURE__ */ jsx(DecisionError, { message: error })
+  ] });
+}
+function safeHttpUrl(raw) {
+  try {
+    const url = new URL(raw);
+    return url.protocol === "https:" || url.protocol === "http:" ? url.href : void 0;
+  } catch {
+    return void 0;
+  }
+}
+function ElicitationUrlControls({
+  event,
+  request,
+  elicitation,
+  onDecision
+}) {
+  const { busy, error, decide } = useDecision(event, onDecision);
+  const raw = elicitation.url ?? "";
+  const href = safeHttpUrl(raw);
+  return /* @__PURE__ */ jsxs("div", { className: PANEL, children: [
+    href ? /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "inline-flex max-w-full items-center gap-1 break-all text-sm text-primary underline",
+        children: [
+          /* @__PURE__ */ jsx(Icon, { icon: UiExternalLink, className: "size-3.5 shrink-0" }),
+          href
+        ]
+      }
+    ) : /* @__PURE__ */ jsxs("div", { role: "alert", className: "break-all text-xs text-rose-600", children: [
+      "Not linked because it is not an http(s) url: ",
+      raw || "(no url)"
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Finish at the link, then choose Done." }),
+    /* @__PURE__ */ jsx(
+      DecisionActions,
+      {
+        request,
+        busy,
+        allowLabel: "Done",
+        denyLabel: "Decline",
+        decide
+      }
+    ),
+    /* @__PURE__ */ jsx(DecisionError, { message: error })
+  ] });
+}
+export {
+  ElicitationFormControls,
+  ElicitationUrlControls,
+  PermissionsControls
+};
+//# sourceMappingURL=SessionViewer.approval-forms.js.map

package/dist/data/ai/SessionViewer.approval-forms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.approval-forms.js","sources":["../../../src/data/ai/SessionViewer.approval-forms.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { JsonSchemaForm } from \"../../components/JsonSchemaForm\";\nimport type { JsonSchemaObject } from \"../../components/json-schema-form-types\";\nimport { UiExternalLink } from \"../../icons\";\nimport { Icon } from \"../Icon\";\nimport {\n  grantEntries,\n  grantFromSelection,\n  type ApprovalRequest,\n  type ElicitationApproval,\n} from \"./approval-request\";\nimport { useDecision, type DecisionHandler } from \"./SessionViewer.decision\";\nimport { DecisionActions, DecisionError } from \"./SessionViewer.decision-controls\";\nimport type { SessionEvent } from \"./SessionViewer.model\";\n\nconst PANEL = \"mt-2 space-y-2 rounded-md border border-amber-500/30 bg-amber-500/5 p-density-3\";\n\ninterface KindControlsProps {\n  event: SessionEvent;\n  request: ApprovalRequest;\n  onDecision: DecisionHandler;\n}\n\n/** A permissions request lists exactly what it asks for; each entry can be\n *  unticked, and the ticked subset is sent back as `grants`. */\nexport function PermissionsControls({ event, request, onDecision }: KindControlsProps) {\n  const entries = useMemo(() => grantEntries(request.permissions ?? {}), [request]);\n  const [selected, setSelected] = useState<ReadonlySet<string>>(\n    () => new Set(entries.map((entry) => entry.key)),\n  );\n  const { busy, error, decide } = useDecision(event, onDecision);\n  const toggle = (key: string) =>\n    setSelected((current) => {\n      const next = new Set(current);\n      if (next.has(key)) next.delete(key);\n      else next.add(key);\n      return next;\n    });\n  return (\n    <div className={PANEL}>\n      {entries.length === 0 ? (\n        <div role=\"alert\" className=\"text-xs text-rose-600\">\n          This permissions request lists no grantable filesystem or network entries.\n        </div>\n      ) : (\n        <ul className=\"space-y-1\">\n          {entries.map((entry) => (\n            <li key={entry.key}>\n              <label className=\"flex items-start gap-2 text-sm\">\n                <input\n                  type=\"checkbox\"\n                  checked={selected.has(entry.key)}\n                  onChange={() => toggle(entry.key)}\n                />\n                <span className=\"min-w-0 break-all font-mono text-xs\">{entry.label}</span>\n              </label>\n            </li>\n          ))}\n        </ul>\n      )}\n      <DecisionActions\n        request={request}\n        busy={busy}\n        allowLabel=\"Allow selected\"\n        allowDisabled={selected.size === 0}\n        allowFields={() => ({ grants: grantFromSelection(entries, selected) })}\n        decide={decide}\n      />\n      <DecisionError message={error} />\n    </div>\n  );\n}\n\nfunction requiredFields(schema: Record<string, unknown>): string[] {\n  const required = schema[\"required\"];\n  return Array.isArray(required)\n    ? required.filter((name): name is string => typeof name === \"string\")\n    : [];\n}\n\nfunction isFilled(value: unknown): boolean {\n  return value !== undefined && value !== null && value !== \"\";\n}\n\n/** Form-mode elicitation: the server's flat schema rendered by JsonSchemaForm.\n *  Submit sends the entered values as `content`; Decline and Cancel send none. */\nexport function ElicitationFormControls({\n  event,\n  request,\n  elicitation,\n  onDecision,\n}: KindControlsProps & { elicitation: ElicitationApproval }) {\n  const [value, setValue] = useState<Record<string, unknown>>({});\n  const { busy, error, decide } = useDecision(event, onDecision);\n  const schema = elicitation.schema;\n  const missing = schema ? requiredFields(schema).filter((name) => !isFilled(value[name])) : [];\n  return (\n    <div className={PANEL}>\n      {schema ? (\n        <JsonSchemaForm\n          // The elicitation schema is untyped server JSON: a flat object of\n          // primitive properties, which is what JsonSchemaForm renders.\n          schema={{ type: \"object\", ...schema } as JsonSchemaObject}\n          value={value}\n          onChange={setValue}\n          idPrefix={`elicit-${event.id}`}\n          size=\"sm\"\n        />\n      ) : (\n        <div role=\"alert\" className=\"text-xs text-rose-600\">\n          This form elicitation from {elicitation.server} carries no schema, so it cannot be filled in.\n        </div>\n      )}\n      <DecisionActions\n        request={request}\n        busy={busy}\n        allowLabel=\"Submit\"\n        allowDisabled={!schema || missing.length > 0}\n        allowFields={() => ({\n          content: Object.fromEntries(Object.entries(value).filter(([, entry]) => isFilled(entry))),\n        })}\n        denyLabel=\"Decline\"\n        decide={decide}\n      />\n      <DecisionError message={error} />\n    </div>\n  );\n}\n\nfunction safeHttpUrl(raw: string): string | undefined {\n  try {\n    const url = new URL(raw);\n    return url.protocol === \"https:\" || url.protocol === \"http:\" ? url.href : undefined;\n  } catch {\n    return undefined;\n  }\n}\n\n/** URL-mode elicitation: the person finishes at the link, then answers Done\n *  (allow, no content), Decline (deny) or Cancel (deny + interrupt). */\nexport function ElicitationUrlControls({\n  event,\n  request,\n  elicitation,\n  onDecision,\n}: KindControlsProps & { elicitation: ElicitationApproval }) {\n  const { busy, error, decide } = useDecision(event, onDecision);\n  const raw = elicitation.url ?? \"\";\n  const href = safeHttpUrl(raw);\n  return (\n    <div className={PANEL}>\n      {href ? (\n        <a\n          href={href}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"inline-flex max-w-full items-center gap-1 break-all text-sm text-primary underline\"\n        >\n          <Icon icon={UiExternalLink} className=\"size-3.5 shrink-0\" />\n          {href}\n        </a>\n      ) : (\n        <div role=\"alert\" className=\"break-all text-xs text-rose-600\">\n          Not linked because it is not an http(s) url: {raw || \"(no url)\"}\n        </div>\n      )}\n      <p className=\"text-xs text-muted-foreground\">\n        Finish at the link, then choose Done.\n      </p>\n      <DecisionActions\n        request={request}\n        busy={busy}\n        allowLabel=\"Done\"\n        denyLabel=\"Decline\"\n        decide={decide}\n      />\n      <DecisionError message={error} />\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}