dsh-wsr-execution 0.2.1 → 0.2.2

package/lib/client.js

@@ -2567,7 +2567,9 @@ function hasValidTypedData(value) {
     return typeof state === "string" && ACTION_STATES.has(state) && (channel === "action" || channel === "tool");
   }
   if (value.kind === "terminal-result") {
-    const outputValid = Object.hasOwn(value.data, "finalOutput") ? typeof value.data.finalOutput === "string" && value.data.finalOutput.length > 0 : typeof value.data.summary === "string" && value.data.summary.length > 0;
+    const hasFinalOutput = Object.hasOwn(value.data, "finalOutput");
+    const hasSummary = Object.hasOwn(value.data, "summary");
+    const outputValid = hasFinalOutput ? typeof value.data.finalOutput === "string" && value.data.finalOutput.length > 0 : hasSummary ? typeof value.data.summary === "string" && value.data.summary.length > 0 : value.data.outcome === "SUCCEEDED";
     return typeof value.data.outcome === "string" && TERMINAL_OUTCOMES.has(value.data.outcome) && outputValid;
   }
   if (value.kind === "delivery-running" || value.kind === "delivery-status") {
@@ -2638,7 +2640,7 @@ function projectExecutionPresentation(event) {
       title: "Final result",
       summary: data.outcome[0] + data.outcome.slice(1).toLowerCase(),
       body,
-      defaultOpen: true,
+      defaultOpen: false,
       focusPolicy: "none",
       role: "article",
       compatibility: typeof data.finalOutput === "string" ? "current" : "legacy-summary"
@@ -2667,7 +2669,7 @@ function projectExecutionPresentation(event) {
       title: typeof data.label === "string" ? data.label : "Workflow Action",
       summary: STATE_LABELS[state2],
       body: text(data.content) ?? "WSR content unavailable",
-      defaultOpen: state2 !== "completed",
+      defaultOpen: false,
       focusPolicy: "none",
       role: "status",
       compatibility: "current"
@@ -2681,7 +2683,7 @@ function projectExecutionPresentation(event) {
       title: "Workflow presentation",
       summary: typeof data.code === "string" ? data.code : "WSR_ERROR",
       body: typeof data.message === "string" ? data.message : "WSR presentation unavailable",
-      defaultOpen: true,
+      defaultOpen: false,
       focusPolicy: "none",
       role: "alert",
       compatibility: "current"
@@ -2696,7 +2698,7 @@ function projectExecutionPresentation(event) {
     title: "Workflow delivery",
     summary: `${STATE_LABELS[state]}${deliveryId === void 0 ? "" : ` \xB7 ${deliveryId}`}`,
     body: void 0,
-    defaultOpen: state !== "completed",
+    defaultOpen: false,
     focusPolicy: "none",
     role: "status",
     compatibility: "current"
@@ -2705,44 +2707,8 @@ function projectExecutionPresentation(event) {
 function resolveDisclosureOpen({ current, previousState, nextState, containsFocus }) {
   if (nextState === "waiting") return true;
   if (nextState === "completed" && previousState !== "completed") return containsFocus ? true : false;
-  if (["running", "recovering", "failed", "cancelled"].includes(nextState) && nextState !== previousState) return true;
   return current;
 }
-function createExecutionPresentationDefinition() {
-  return Object.freeze({
-    kind: "wsr-execution-presentation",
-    target: "chat",
-    match(event) {
-      if (event?.type === "command/run" && event.data?.name === "wsr" && event.data?.source?.kind === "plugin" && event.data?.source?.plugin === "workflow-execution" && typeof event.data?.commandId === "string") {
-        return { id: event.data.commandId, role: "start" };
-      }
-      return event?.type === "command/done" && typeof event.data?.commandId === "string" ? { id: event.data.commandId, role: "update" } : null;
-    },
-    start(_context, match) {
-      return Object.freeze({ seq: match.event.seq, presentation: void 0 });
-    },
-    update(context, match) {
-      const event = parseExecutionPresentation(match.event?.data?.text);
-      if (event.kind === "delivery-list") {
-        return Object.freeze({ ...context.state, presentation: void 0 });
-      }
-      return Object.freeze({ ...context.state, presentation: projectExecutionPresentation(event) });
-    },
-    buildViewNode(context) {
-      if (context.state?.presentation === void 0) return null;
-      return Object.freeze({
-        key: context.key,
-        kind: "wsr-execution-presentation",
-        id: context.id,
-        target: "chat",
-        anchorSeq: context.state.seq,
-        location: context.start?.location ?? { kind: "unresolved" },
-        visibility: "visible",
-        data: context.state.presentation
-      });
-    }
-  });
-}
 
 // packages/execution/src/action-presentation/view.js
 var DOT_STATE = Object.freeze({
@@ -2753,13 +2719,39 @@ var DOT_STATE = Object.freeze({
   failed: "error",
   cancelled: "error"
 });
-function createActionPresentationView({ React: React2, DisclosureRow: DisclosureRow2, MessageText: MessageText2, StateDot: StateDot2, observe = () => void 0 }) {
+var ACTIONS_STYLE_ID = "dsh-wsr-execution-final-actions";
+var ACTIONS_CSS = ".wsr-answer-actions{align-items:center;gap:10px;height:28px;margin-top:16px;margin-left:-6px;display:flex}.wsr-answer-action{width:28px;height:28px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:transparent;border:none;border-radius:28px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.wsr-answer-action:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}";
+function installActionPresentationStyle() {
+  if (typeof document === "undefined" || document.getElementById(ACTIONS_STYLE_ID) !== null) return;
+  const tag = document.createElement("style");
+  tag.id = ACTIONS_STYLE_ID;
+  tag.dataset.plugin = "dsh-wsr-execution";
+  tag.textContent = ACTIONS_CSS;
+  document.head.append(tag);
+}
+function createActionPresentationView({
+  React: React2,
+  DisclosureRow: DisclosureRow2,
+  MessageText: MessageText2,
+  StateDot: StateDot2,
+  JsonTree: JsonTree2,
+  Tooltip: Tooltip2,
+  IconCopyOutline16: IconCopyOutline162,
+  IconCheckOutline16: IconCheckOutline162,
+  writeClipboard: writeClipboard2,
+  observe = () => void 0
+}) {
   if (typeof DisclosureRow2 !== "function") throw new TypeError("DSH_DISCLOSURE_ROW_REQUIRED");
-  return function WsrExecutionPresentationView({ node }) {
+  installActionPresentationStyle();
+  return function WsrExecutionPresentationView({ node, technicalDetails }) {
     const presentation = node.data;
     const [open, setOpen] = React2.useState(presentation.defaultOpen);
+    const [copyState, setCopyState] = React2.useState("idle");
     const bodyRef = React2.useRef(null);
     const previousState = React2.useRef(presentation.state);
+    const copyPending = React2.useRef(false);
+    const copyEpoch = React2.useRef(0);
+    const copyTimer = React2.useRef(null);
     React2.useEffect(() => {
       setOpen((current) => resolveDisclosureOpen({
         current,
@@ -2769,21 +2761,66 @@ function createActionPresentationView({ React: React2, DisclosureRow: Disclosure
       }));
       previousState.current = presentation.state;
     }, [presentation.state]);
+    React2.useEffect(() => {
+      copyEpoch.current += 1;
+      copyPending.current = false;
+      if (copyTimer.current !== null) clearTimeout(copyTimer.current);
+      copyTimer.current = null;
+      setCopyState("idle");
+      return () => {
+        copyEpoch.current += 1;
+        copyPending.current = false;
+        if (copyTimer.current !== null) clearTimeout(copyTimer.current);
+      };
+    }, [presentation.body, presentation.correlation]);
     observe(presentation);
-    if (presentation.layer === "final") {
-      return React2.createElement("article", {
-        "data-wsr-presentation": "true",
-        "data-wsr-layer": "final",
-        "data-wsr-state": presentation.state,
-        "data-wsr-correlation": presentation.correlation,
-        "data-wsr-chat-role": "assistant",
-        "data-wsr-compatibility": presentation.compatibility,
-        "aria-label": presentation.title
-      }, React2.createElement(MessageText2, { text: presentation.body }));
+    if (presentation.layer === "final" && presentation.state === "completed") {
+      const label = copyState === "copied" ? "Copied" : copyState === "failed" ? "Copy failed" : "Copy";
+      const onCopy = async () => {
+        if (copyState === "copied" || copyPending.current) return;
+        const epoch = copyEpoch.current;
+        copyPending.current = true;
+        let accepted = false;
+        try {
+          accepted = await writeClipboard2(presentation.body);
+        } catch {
+          accepted = false;
+        }
+        if (epoch !== copyEpoch.current) return;
+        copyPending.current = false;
+        setCopyState(accepted ? "copied" : "failed");
+        copyTimer.current = globalThis.setTimeout(() => {
+          copyTimer.current = null;
+          setCopyState("idle");
+        }, 1e3);
+      };
+      return React2.createElement(
+        "article",
+        {
+          "data-wsr-presentation": "true",
+          "data-wsr-layer": "final",
+          "data-wsr-state": presentation.state,
+          "data-wsr-correlation": presentation.correlation,
+          "data-wsr-chat-role": "assistant",
+          "data-wsr-compatibility": presentation.compatibility,
+          "aria-label": presentation.title
+        },
+        React2.createElement(MessageText2, { text: presentation.body }),
+        React2.createElement("div", {
+          className: "wsr-answer-actions",
+          "data-wsr-answer-actions": "true"
+        }, React2.createElement(Tooltip2, { label, side: "bottom" }, React2.createElement("button", {
+          type: "button",
+          className: "wsr-answer-action",
+          "aria-label": label,
+          "data-copy-state": copyState,
+          onClick: onCopy
+        }, React2.createElement(copyState === "copied" ? IconCheckOutline162 : IconCopyOutline162, null))))
+      );
     }
     const waiting = presentation.state === "waiting";
-    const expandable = presentation.body !== void 0 && !waiting;
-    const body = presentation.body === void 0 ? void 0 : React2.createElement("div", {
+    const expandable = (presentation.body !== void 0 || technicalDetails !== void 0) && !waiting;
+    const body = presentation.body === void 0 && technicalDetails === void 0 ? void 0 : React2.createElement("div", {
       ref: bodyRef,
       "data-wsr-presentation": "true",
       "data-wsr-layer": presentation.layer,
@@ -2794,9 +2831,14 @@ function createActionPresentationView({ React: React2, DisclosureRow: Disclosure
       tabIndex: waiting ? 0 : void 0,
       "aria-label": waiting ? presentation.summary : void 0,
       "aria-live": waiting ? "polite" : void 0
-    }, React2.createElement("pre", {
+    }, presentation.body === void 0 ? null : React2.createElement("pre", {
       style: { margin: 0, maxHeight: "20rem", overflow: "auto", whiteSpace: "pre-wrap", wordBreak: "break-word" }
-    }, presentation.body));
+    }, presentation.body), technicalDetails === void 0 ? null : React2.createElement(
+      "details",
+      null,
+      React2.createElement("summary", null, "Technical details"),
+      JsonTree2 === void 0 ? React2.createElement("pre", null, JSON.stringify(technicalDetails, null, 2)) : React2.createElement(JsonTree2, { data: technicalDetails, label: "WSR presentation", copyable: true, expandTopLevel: true })
+    ));
     return React2.createElement(DisclosureRow2, {
       icon: React2.createElement(StateDot2, { state: DOT_STATE[presentation.state], size: 10 }),
       title: presentation.title,
@@ -2816,16 +2858,79 @@ function createActionPresentationView({ React: React2, DisclosureRow: Disclosure
     }, body);
   };
 }
+var TERMINAL_PRESENTATION = Object.freeze({
+  SUCCEEDED: Object.freeze({ state: "completed", label: "Succeeded" }),
+  FAILED: Object.freeze({ state: "failed", label: "Failed" }),
+  CANCELLED: Object.freeze({ state: "cancelled", label: "Cancelled" })
+});
+function reconcileDeliveryPresentation(presentation, admitted, inventoryState) {
+  const deliveryId = admitted?.kind === "delivery-running" && typeof admitted.data.deliveryId === "string" ? admitted.data.deliveryId : void 0;
+  const deliveries = ["ready", "reconnecting"].includes(inventoryState?.kind) && Array.isArray(inventoryState.snapshot?.deliveries) ? inventoryState.snapshot.deliveries : [];
+  const matches = deliveryId === void 0 ? [] : deliveries.filter((delivery) => delivery?.deliveryId === deliveryId);
+  const terminal = matches.length === 1 && matches[0]?.lifecycle === "TERMINAL" ? TERMINAL_PRESENTATION[matches[0]?.terminal?.outcome] : void 0;
+  if (terminal === void 0) return presentation;
+  return Object.freeze({
+    ...presentation,
+    state: terminal.state,
+    summary: `${terminal.label} \xB7 ${deliveryId}`,
+    defaultOpen: false
+  });
+}
+function commandPresentation(node, admitted, inventoryState) {
+  if (node.outcome === null) return Object.freeze({
+    correlation: String(node.commandId),
+    layer: "progress",
+    state: "running",
+    title: "Workflow delivery",
+    summary: "Running",
+    body: void 0,
+    defaultOpen: false,
+    focusPolicy: "none",
+    role: "status",
+    compatibility: "current"
+  });
+  const event = admitted ?? parseExecutionPresentation(node.outcome?.text);
+  if (event.kind === "delivery-list") {
+    const count = Array.isArray(event.data.items) ? event.data.items.length : 0;
+    return Object.freeze({
+      correlation: event.correlation,
+      layer: "progress",
+      state: "completed",
+      title: "Delivery list",
+      summary: `${count} ${count === 1 ? "delivery" : "deliveries"}`,
+      body: count === 0 ? "No deliveries." : JSON.stringify(event.data.items, null, 2),
+      defaultOpen: false,
+      focusPolicy: "none",
+      role: "status",
+      compatibility: "current"
+    });
+  }
+  return reconcileDeliveryPresentation(projectExecutionPresentation(event), event, inventoryState);
+}
+function createWsrCommandView(options) {
+  const View = createActionPresentationView(options);
+  const { React: React2, inventory } = options;
+  return function WsrCommandView({ node }) {
+    const admitted = node.outcome === null ? void 0 : parseExecutionPresentation(node.outcome?.text);
+    const inventoryState = inventory === void 0 ? void 0 : React2.useSyncExternalStore(inventory.subscribe, inventory.getSnapshot, inventory.getSnapshot);
+    return View({ node: { data: commandPresentation(node, admitted, inventoryState) }, technicalDetails: admitted });
+  };
+}
 function registerActionPresentation(ctx, View) {
-  ctx.conversationEvents.register(createExecutionPresentationDefinition());
-  ctx.slots.inject("conversation.chat.node", () => ctx.slots.register({
-    name: "conversation.chat.node",
-    key: "wsr-execution-presentation"
-  }, View));
+  ctx.slots.inject("conversation.chat.commandview", () => {
+    ctx.slots.register({ name: "conversation.chat.commandview", key: "wsr" }, () => null);
+    ctx.slots.register({ name: "conversation.chat.commandview", key: "wsr-presentation" }, View);
+  });
 }
 
 // packages/execution/src/client/delivery/control-plane-port.js
 var CHANNEL = "/wsr-execution";
+var ERROR_CODES = /* @__PURE__ */ new Set([
+  "DELIVERY_PROJECTION_CORRUPT",
+  "DELIVERY_PROJECTION_STALE_BINDING",
+  "DELIVERY_PROJECTION_RECOVERY_MISMATCH",
+  "DELIVERY_PROJECTION_UNAVAILABLE"
+]);
 function createStore(initial) {
   let snapshot = initial;
   const listeners = /* @__PURE__ */ new Set();
@@ -2850,7 +2955,9 @@ function createDeliveryControlPlaneClient(rpc) {
   const sessions = /* @__PURE__ */ new Map();
   const read = async (endpoint, payload) => {
     const result = await rpc.call(CHANNEL, endpoint, payload);
-    if (result?.ok !== true) throw new Error(message(result?.error));
+    if (result?.ok !== true) throw Object.assign(new Error(message(result?.error)), {
+      code: ERROR_CODES.has(result?.error?.code) ? result.error.code : "DELIVERY_PROJECTION_UNAVAILABLE"
+    });
     return result.value;
   };
   const client = {
@@ -2864,6 +2971,7 @@ function createDeliveryControlPlaneClient(rpc) {
         const previous = inventory.getSnapshot();
         inventory.publish({
           kind: previous.kind === "ready" ? "reconnecting" : "error",
+          code: typeof error?.code === "string" ? error.code : "DELIVERY_PROJECTION_UNAVAILABLE",
           message: message(error),
           ...previous.kind === "ready" ? { snapshot: previous.snapshot } : {}
         });
@@ -2882,7 +2990,7 @@ function createDeliveryControlPlaneClient(rpc) {
           try {
             store.publish({ kind: "ready", view: await read("session/read", { sessionCorrelation }) });
           } catch (error) {
-            store.publish({ kind: "error", code: "DELIVERY_PROJECTION_UNAVAILABLE", message: message(error) });
+            store.publish({ kind: "error", code: typeof error?.code === "string" ? error.code : "DELIVERY_PROJECTION_UNAVAILABLE", message: message(error) });
           }
         }
       });
@@ -2906,6 +3014,38 @@ var LIFECYCLES = /* @__PURE__ */ new Set([
   "TERMINAL_HANDLING",
   "TERMINAL"
 ]);
+var DELIVERY_STYLE_ID = "dsh-wsr-execution-delivery-view";
+var DELIVERY_CSS = `
+.wsr-delivery-view { box-sizing: border-box; width: 100%; max-width: 960px; margin: 0 auto; padding: 20px; color: var(--dsw-alias-label-primary); }
+.wsr-delivery-heading { margin: 0 0 16px; font-size: 20px; line-height: 28px; }
+.wsr-delivery-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 8px; margin: 0 0 16px; }
+.wsr-delivery-summary-item { min-width: 0; padding: 10px 12px; border: 1px solid var(--dsw-alias-border-l2); border-radius: 8px; background: var(--dsw-alias-bg-layer-1); }
+.wsr-delivery-summary-item dt, .wsr-delivery-identity dt { margin: 0 0 3px; color: var(--dsw-alias-label-tertiary); font-size: 12px; line-height: 16px; }
+.wsr-delivery-summary-item dd, .wsr-delivery-identity dd { min-width: 0; margin: 0; font-size: 13px; line-height: 20px; overflow-wrap: anywhere; }
+.wsr-delivery-status { display: inline-flex; min-width: 0; align-items: center; gap: 6px; }
+.wsr-delivery-status > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.wsr-delivery-identities { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 8px 16px; margin: 8px 0 0; }
+.wsr-delivery-identity { min-width: 0; margin: 0; }
+.wsr-delivery-identity dd { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 6px; }
+.wsr-delivery-identity code { display: block; min-width: 0; max-width: 100%; color: inherit; font-family: var(--dsw-font-family-mono, ui-monospace, monospace); overflow-wrap: anywhere; white-space: normal; }
+.wsr-delivery-preview { display: block; min-width: 0; max-width: 100%; margin-inline-start: 8px; overflow: hidden; color: var(--dsw-alias-label-tertiary); text-overflow: ellipsis; white-space: nowrap; }
+.wsr-delivery-copy-feedback { min-height: 20px; margin: 8px 0 0; color: var(--dsw-alias-label-secondary); font-size: 12px; line-height: 20px; }
+.wsr-delivery-condition { margin-top: 12px; padding: 10px 12px; border-left: 3px solid var(--dsw-alias-state-warn-primary); border-radius: 4px; background: var(--dsw-alias-bg-layer-1); }
+.wsr-delivery-condition h3 { margin: 0 0 4px; font-size: 13px; line-height: 20px; }
+.wsr-delivery-condition code, .wsr-delivery-state code { overflow-wrap: anywhere; }
+.wsr-delivery-state { display: grid; gap: 8px; }
+.wsr-delivery-state p { margin: 0; }
+@media (max-width: 720px) { .wsr-delivery-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
+@media (max-width: 420px) { .wsr-delivery-view { padding: 12px; } .wsr-delivery-summary, .wsr-delivery-identities { grid-template-columns: minmax(0, 1fr); } }
+@media (prefers-reduced-motion: reduce) { .wsr-delivery-view, .wsr-delivery-view * { scroll-behavior: auto !important; transition: none !important; } }
+`;
+function ensureDeliveryStyles() {
+  if (typeof document === "undefined" || document.getElementById(DELIVERY_STYLE_ID) !== null) return;
+  const tag = document.createElement("style");
+  tag.id = DELIVERY_STYLE_ID;
+  tag.textContent = DELIVERY_CSS;
+  document.head.appendChild(tag);
+}
 function nonEmpty(value) {
   return typeof value === "string" && value.length > 0;
 }
@@ -2932,88 +3072,187 @@ function safeSubscribe(source, notify) {
     return () => void 0;
   }
 }
-function pair(React2, label, value) {
-  return [
-    React2.createElement("dt", { key: `${label}-label` }, label),
-    React2.createElement("dd", { key: `${label}-value` }, value)
-  ];
+function summaryItem(React2, label, value, extra = {}) {
+  return React2.createElement(
+    "div",
+    { className: "wsr-delivery-summary-item", ...extra },
+    React2.createElement("dt", null, label),
+    React2.createElement("dd", null, value)
+  );
 }
-function statePanel(React2, role, code, message2) {
+function statePanel(React2, StateDot2, role, code, message2) {
   return React2.createElement(
     "section",
     {
+      className: "wsr-delivery-view wsr-delivery-state",
       "aria-labelledby": "wsr-delivery-view-title",
       "aria-live": role === "alert" ? "assertive" : "polite",
       "data-wsr-delivery-view": "true",
       role
     },
-    React2.createElement("h2", { id: "wsr-delivery-view-title" }, "Delivery"),
-    React2.createElement("p", null, message2),
+    React2.createElement("h2", { className: "wsr-delivery-heading", id: "wsr-delivery-view-title" }, "Delivery"),
+    React2.createElement(
+      "p",
+      null,
+      React2.createElement(StateDot2, { state: role === "alert" ? "error" : "ongoing", size: 10 }),
+      " ",
+      message2
+    ),
     code === void 0 ? null : React2.createElement("code", null, code)
   );
 }
-function createSessionDeliveryView(React2) {
+function statusState(delivery, failed) {
+  if (failed) return "error";
+  if (delivery.terminal?.outcome === "SUCCEEDED") return "done";
+  if (delivery.terminal !== null || ["START_UNCERTAIN", "RESULT_UNRESOLVED", "START_FAILED"].includes(delivery.lifecycle)) return "warning";
+  return "ongoing";
+}
+function identityCard(React2, primitives, label, value, displayValue = value) {
+  const { Button: Button2, IconCheckOutline16: IconCheckOutline162, IconCopyOutline16: IconCopyOutline162, Tooltip: Tooltip2, onCopy, copiedLabel } = primitives;
+  const exact = React2.createElement("code", {
+    "aria-label": `${label}: ${value}`,
+    "data-wsr-delivery-identity": label,
+    title: value
+  }, displayValue);
+  const copied = copiedLabel === label;
+  const control = React2.createElement(
+    Tooltip2,
+    { label: copied ? `${label} copied` : `Copy ${label}`, side: "bottom" },
+    React2.createElement(Button2, {
+      "aria-label": `Copy ${label}`,
+      icon: React2.createElement(copied ? IconCheckOutline162 : IconCopyOutline162, null),
+      onClick: () => onCopy(label, value),
+      size: "sm",
+      type: "button",
+      variant: "toolbar"
+    }, copied ? "Copied" : "Copy")
+  );
+  return React2.createElement(
+    "div",
+    { className: "wsr-delivery-identity", key: label },
+    React2.createElement("dt", null, label),
+    React2.createElement("dd", null, exact, control)
+  );
+}
+function createSessionDeliveryView(React2, primitives = {}) {
   if (typeof React2?.createElement !== "function" || typeof React2?.useSyncExternalStore !== "function") {
     throw new TypeError("DELIVERY_VIEW_REACT_INVALID");
   }
+  const DisclosureRow2 = primitives.DisclosureRow ?? "div";
+  const Button2 = primitives.Button ?? "button";
+  const IconCheckOutline162 = primitives.IconCheckOutline16 ?? "span";
+  const IconCopyOutline162 = primitives.IconCopyOutline16 ?? "span";
+  const Pill2 = primitives.Pill ?? "span";
+  const StateDot2 = primitives.StateDot ?? "span";
+  const Tooltip2 = primitives.Tooltip ?? "span";
+  const writeClipboard2 = primitives.writeClipboard ?? (async () => false);
+  ensureDeliveryStyles();
   return function SessionDeliveryView({ sessionId, source }) {
+    const [identitiesOpen, setIdentitiesOpen] = typeof React2.useState === "function" ? React2.useState(false) : [false, () => void 0];
+    const [copiedLabel, setCopiedLabel] = typeof React2.useState === "function" ? React2.useState("") : ["", () => void 0];
     const state = React2.useSyncExternalStore(
       (notify) => safeSubscribe(source, notify),
       () => safeSnapshot(source),
       () => safeSnapshot(source)
     );
-    if (state.kind === "loading") return statePanel(React2, "status", void 0, "Loading Delivery\u2026");
-    if (state.kind === "error") return statePanel(React2, "alert", state.code ?? "DELIVERY_PROJECTION_UNAVAILABLE", state.message ?? "Execution projection unavailable");
+    if (state.kind === "loading") return statePanel(React2, StateDot2, "status", void 0, "Loading Delivery\u2026");
+    if (state.kind === "error") return statePanel(React2, StateDot2, "alert", state.code ?? "DELIVERY_PROJECTION_UNAVAILABLE", state.message ?? "Execution projection unavailable");
     const view = state.view;
     if (state.kind !== "ready" || view?.sessionCorrelation !== sessionId) {
-      return statePanel(React2, "alert", "DELIVERY_PROJECTION_CORRUPT", "Delivery projection invalid");
+      return statePanel(React2, StateDot2, "alert", "DELIVERY_PROJECTION_CORRUPT", "Delivery projection invalid");
     }
-    if (view.kind === "UNBOUND") return statePanel(React2, "status", void 0, "No Delivery bound to this Session");
+    if (view.kind === "UNBOUND") return statePanel(React2, StateDot2, "status", void 0, "No Delivery bound to this Session");
     if (view.kind !== "BOUND" || !validDelivery(view.delivery, sessionId)) {
-      return statePanel(React2, "alert", "DELIVERY_PROJECTION_CORRUPT", "Delivery projection invalid");
+      return statePanel(React2, StateDot2, "alert", "DELIVERY_PROJECTION_CORRUPT", "Delivery projection invalid");
     }
     const delivery = view.delivery;
     const failed = delivery.terminal?.outcome === "FAILED" || delivery.error !== null;
     const identityRows = [
-      ...pair(React2, "Delivery", delivery.deliveryId),
-      ...pair(React2, "Task", delivery.task.displayName ?? delivery.task.identity),
-      ...pair(React2, "Workflow", delivery.workflow.identity),
-      ...pair(React2, "Package", `${delivery.workflow.packageName}@${delivery.workflow.exactPackageVersion}`),
-      ...pair(React2, "Package digest", delivery.workflow.packageDigest),
-      ...pair(React2, "Snapshot", delivery.workflow.snapshotIdentity),
-      ...pair(React2, "Snapshot digest", delivery.workflow.snapshotDigest),
-      ...pair(React2, "Binding", delivery.deliveryBindingIdentity)
+      ["Delivery", delivery.deliveryId],
+      ["Task", delivery.task.identity, delivery.task.displayName === null ? delivery.task.identity : `${delivery.task.displayName} \xB7 ${delivery.task.identity}`],
+      ["Workflow", delivery.workflow.identity],
+      ["Package", `${delivery.workflow.packageName}@${delivery.workflow.exactPackageVersion}`],
+      ["Package digest", delivery.workflow.packageDigest],
+      ["Snapshot", delivery.workflow.snapshotIdentity],
+      ["Snapshot digest", delivery.workflow.snapshotDigest],
+      ["Binding", delivery.deliveryBindingIdentity],
+      ...nonEmpty(delivery.worktree) ? [["Worktree", delivery.worktree]] : []
     ];
-    const lifecycleRows = [
-      ...pair(React2, "Lifecycle", delivery.lifecycle),
-      ...pair(React2, "Recoverable", delivery.recoverable ? "yes" : "no"),
-      ...delivery.current === null ? [] : pair(React2, delivery.current.kind === "ACTION" ? "Current Action" : "Current Intervention", delivery.current.identity),
-      ...pair(React2, "Started", new Date(delivery.timing.startedAt).toISOString()),
-      ...pair(React2, "Elapsed", duration(delivery.timing.elapsedMs)),
-      ...delivery.terminal === null ? [] : [
-        ...pair(React2, "Ended", new Date(delivery.terminal.finishedAt).toISOString()),
-        ...pair(React2, "Outcome", delivery.terminal.outcome)
-      ],
-      ...delivery.error === null ? [] : pair(React2, "Error", delivery.error.code)
+    const statusLabel = delivery.terminal?.outcome ?? delivery.lifecycle;
+    const workflowLabel = `${delivery.workflow.identity} \xB7 ${delivery.workflow.packageName}@${delivery.workflow.exactPackageVersion}`;
+    const summary = [
+      summaryItem(React2, "Status", React2.createElement(
+        "span",
+        { className: "wsr-delivery-status" },
+        React2.createElement(StateDot2, { state: statusState(delivery, failed), size: 10 }),
+        React2.createElement(Pill2, { "aria-label": `Delivery status ${statusLabel}` }, statusLabel)
+      )),
+      summaryItem(React2, "Workflow", workflowLabel),
+      ...delivery.current === null ? [] : [summaryItem(
+        React2,
+        delivery.current.kind === "ACTION" ? "Current Action" : "Current Intervention",
+        delivery.current.identity,
+        { "data-wsr-delivery-conditional": "current" }
+      )],
+      ...delivery.terminal === null ? [] : [summaryItem(React2, "Outcome", delivery.terminal.outcome, { "data-wsr-delivery-conditional": "terminal" })],
+      summaryItem(React2, "Elapsed", duration(delivery.timing.elapsedMs)),
+      summaryItem(React2, "Started", new Date(delivery.timing.startedAt).toISOString()),
+      ...delivery.terminal === null ? [] : [summaryItem(React2, "Ended", new Date(delivery.terminal.finishedAt).toISOString())]
     ];
     return React2.createElement(
       "section",
       {
+        className: "wsr-delivery-view",
         "aria-labelledby": "wsr-delivery-view-title",
         "aria-live": failed ? "assertive" : "polite",
         "data-wsr-delivery-id": delivery.deliveryId,
         "data-wsr-delivery-view": "true",
         role: failed ? "alert" : "region"
       },
-      React2.createElement("h2", { id: "wsr-delivery-view-title" }, "Delivery"),
-      React2.createElement("dl", { "aria-label": "Delivery identity" }, identityRows),
-      React2.createElement("dl", { "aria-label": "Delivery lifecycle" }, lifecycleRows)
+      React2.createElement("h2", { className: "wsr-delivery-heading", id: "wsr-delivery-view-title" }, "Delivery"),
+      React2.createElement("dl", { "aria-label": "Delivery summary", "data-wsr-delivery-summary": "true", className: "wsr-delivery-summary" }, summary),
+      React2.createElement(
+        DisclosureRow2,
+        {
+          title: "Identity details",
+          icon: React2.createElement(StateDot2, { state: statusState(delivery, failed), size: 10 }),
+          open: identitiesOpen,
+          expandable: true,
+          expandOnRowClick: true,
+          onToggle: () => setIdentitiesOpen((open) => !open),
+          collapsedContent: React2.createElement("code", { className: "wsr-delivery-preview" }, delivery.deliveryId)
+        },
+        React2.createElement(
+          "dl",
+          { "aria-label": "Delivery identity", className: "wsr-delivery-identities" },
+          identityRows.map(([label, value, displayValue]) => identityCard(React2, {
+            Button: Button2,
+            IconCheckOutline16: IconCheckOutline162,
+            IconCopyOutline16: IconCopyOutline162,
+            Tooltip: Tooltip2,
+            copiedLabel,
+            async onCopy(copyLabel, value2) {
+              setCopiedLabel(await writeClipboard2(value2) ? copyLabel : `${copyLabel} copy failed`);
+            }
+          }, label, value, displayValue))
+        ),
+        React2.createElement("p", {
+          "aria-live": "polite",
+          className: "wsr-delivery-copy-feedback",
+          role: "status"
+        }, copiedLabel === "" ? "" : copiedLabel.endsWith("copy failed") ? copiedLabel : `${copiedLabel} copied`)
+      ),
+      delivery.error === null ? null : React2.createElement("section", {
+        className: "wsr-delivery-condition",
+        "data-wsr-delivery-conditional": "error",
+        role: "alert"
+      }, React2.createElement("h3", null, "Failure diagnostic"), React2.createElement("code", null, delivery.error.code))
     );
   };
 }
 function registerSessionDeliveryView(ctx, options) {
   if (typeof ctx?.slots?.inject !== "function" || typeof ctx?.slots?.register !== "function" || typeof options?.bindProjection !== "function") throw new TypeError("DELIVERY_VIEW_REGISTRATION_INVALID");
-  const View = createSessionDeliveryView(options.React);
+  const View = createSessionDeliveryView(options.React, options);
   ctx.slots.inject("conversation.view", () => ctx.slots.register({
     name: "conversation.view",
     id: DELIVERY_VIEW_ID,
@@ -3034,9 +3273,18 @@ var LIFECYCLES2 = /* @__PURE__ */ new Set([
   "TERMINAL_HANDLING",
   "TERMINAL"
 ]);
+var ERROR_CODES2 = /* @__PURE__ */ new Set([
+  "DELIVERY_PROJECTION_CORRUPT",
+  "DELIVERY_PROJECTION_STALE_BINDING",
+  "DELIVERY_PROJECTION_RECOVERY_MISMATCH",
+  "DELIVERY_PROJECTION_UNAVAILABLE"
+]);
 function errorView(label = "Delivery inventory unavailable") {
   return Object.freeze({ kind: "error", role: "alert", label, rows: Object.freeze([]) });
 }
+function diagnostic(state, label) {
+  return typeof state?.code === "string" && ERROR_CODES2.has(state.code) ? `${state.code}: ${label}` : label;
+}
 function validString(value) {
   return typeof value === "string" && value.length > 0 && value.length <= 512;
 }
@@ -3066,13 +3314,21 @@ function rowsFrom(deliveries, selectedSessionId) {
 }
 function projectDeliveryInventory(state, { selectedSessionId } = {}) {
   if (state?.kind === "loading") return Object.freeze({ kind: "loading", role: "status", label: "Loading Deliveries", rows: Object.freeze([]) });
-  if (state?.kind === "error") return errorView(validString(state.message) ? state.message : void 0);
+  if (state?.kind === "error") {
+    const label = validString(state.message) ? state.message : "Delivery inventory unavailable";
+    return errorView(diagnostic(state, label));
+  }
   if (!(/* @__PURE__ */ new Set(["ready", "reconnecting"])).has(state?.kind)) return errorView();
   const snapshot = state.snapshot;
   if (snapshot === null || typeof snapshot !== "object" || Array.isArray(snapshot) || snapshot.schemaVersion !== CONTROL_PLANE_SCHEMA || !Number.isSafeInteger(snapshot.generation) || snapshot.generation < 1) return errorView();
   const rows = rowsFrom(snapshot.deliveries, selectedSessionId);
   if (rows === void 0) return errorView();
-  if (state.kind === "reconnecting") return Object.freeze({ kind: "reconnecting", role: "status", label: "Reconnecting to Delivery inventory", rows });
+  if (state.kind === "reconnecting") return Object.freeze({
+    kind: "reconnecting",
+    role: "status",
+    label: diagnostic(state, "Reconnecting to Delivery inventory"),
+    rows
+  });
   if (rows.length === 0) return Object.freeze({ kind: "empty", role: "status", label: "No Deliveries", rows });
   return Object.freeze({ kind: "ready", role: "list", label: "Deliveries", rows });
 }
@@ -3180,7 +3436,6 @@ function applyDeliverySidebar(ctx, { React: React2, workspaceUi: workspaceUi2, i
 var name = "wsr-execution-client";
 var inject = Object.freeze([
   "connection",
-  "conversationEvents",
   "sessions",
   "slots",
   "workspaces",
@@ -3197,13 +3452,32 @@ function apply(ctx) {
   applyDeliverySidebar(ctx, { React: import_react.default, workspaceUi, inventory: controlPlane.inventory });
   registerSessionDeliveryView(ctx, {
     React: import_react.default,
+    Button: import_dsh_client_ui_primitives.Button,
+    DisclosureRow: import_dsh_client_ui_primitives.DisclosureRow,
+    IconCheckOutline16: import_dsh_client_ui_primitives.IconCheckOutline16,
+    IconCopyOutline16: import_dsh_client_ui_primitives.IconCopyOutline16,
+    Pill: import_dsh_client_ui_primitives.Pill,
+    StateDot: import_dsh_client_ui_primitives.StateDot,
+    Tooltip: import_dsh_client_ui_primitives.Tooltip,
+    writeClipboard: import_dsh_client_ui_primitives.writeClipboard,
     bindProjection(sessionId) {
       const source = controlPlane.bindSession(String(sessionId));
       void source.refresh();
       return source;
     }
   });
-  registerActionPresentation(ctx, createActionPresentationView({ React: import_react.default, DisclosureRow: import_dsh_client_ui_primitives.DisclosureRow, MessageText: import_dsh_client_ui_primitives.MessageText, StateDot: import_dsh_client_ui_primitives.StateDot }));
+  registerActionPresentation(ctx, createWsrCommandView({
+    React: import_react.default,
+    DisclosureRow: import_dsh_client_ui_primitives.DisclosureRow,
+    IconCheckOutline16: import_dsh_client_ui_primitives.IconCheckOutline16,
+    IconCopyOutline16: import_dsh_client_ui_primitives.IconCopyOutline16,
+    JsonTree: import_dsh_client_ui_primitives.JsonTree,
+    MessageText: import_dsh_client_ui_primitives.MessageText,
+    StateDot: import_dsh_client_ui_primitives.StateDot,
+    Tooltip: import_dsh_client_ui_primitives.Tooltip,
+    writeClipboard: import_dsh_client_ui_primitives.writeClipboard,
+    inventory: controlPlane.inventory
+  }));
 }
 
     return module.exports;