shortcutxl 0.3.73 → 0.3.74

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # Changelog
 
-## [0.3.73]
+## [0.3.74]
 
 - **Native desktop app** - Run `shortcut app` for a multi-session desktop experience with tools, approvals, subagents, attachments, skills, themes, and account controls.
 

package/dist/app/subagents/clone/agent.d.ts

@@ -3,5 +3,6 @@
  * but cannot spawn other clones.
  */
 import type { AgentDefinition } from '../../agent-definition.js';
+export declare const CLONE_AGENT_TOOL_NAMES: readonly ["bash", "write", "execute_code", "task", "take_screenshot", "get_tool_info", "execute_tool", "mcp"];
 export declare const cloneAgent: AgentDefinition;
 //# sourceMappingURL=agent.d.ts.map

package/dist/app/subagents/clone/agent.js

@@ -2,13 +2,22 @@
  * Clone subagent — a full copy of the action agent that can spawn leaf subagents
  * but cannot spawn other clones.
  */
-import { REFRESH_CONTEXT } from '../../../tool-names.js';
-import { ACTION_AGENT_TOOL_NAMES } from '../../modes/action/agent.js';
+import { BASH, EXECUTE_CODE, EXECUTE_TOOL, GET_TOOL_INFO, MCP_TOOL_NAMES, TAKE_SCREENSHOT, TASK, WRITE } from '../../../tool-names.js';
 import { buildActionPrompt } from '../../modes/action/prompt.js';
 import { DEFAULT_SUBAGENT_MODEL, DEFAULT_SUBAGENT_TIMEOUT_SECONDS } from '../defaults.js';
 const NAME = 'clone';
 const DESCRIPTION = `\
 A write-capable clone of the main agent with the same tools, including the ability to spawn subagents. Useful for parallelization and delegation of tasks.`;
+export const CLONE_AGENT_TOOL_NAMES = [
+    BASH,
+    WRITE,
+    EXECUTE_CODE,
+    TASK,
+    TAKE_SCREENSHOT,
+    GET_TOOL_INFO,
+    EXECUTE_TOOL,
+    ...MCP_TOOL_NAMES
+];
 const SUBAGENT_OUTPUT_DISCIPLINE = `\
 ======================
 SUBAGENT OUTPUT
@@ -20,7 +29,7 @@ export const cloneAgent = {
     get systemPrompt() {
         return `${buildActionPrompt()}\n\n${SUBAGENT_OUTPUT_DISCIPLINE}`;
     },
-    tools: ACTION_AGENT_TOOL_NAMES.filter((toolName) => toolName !== REFRESH_CONTEXT),
+    tools: [...CLONE_AGENT_TOOL_NAMES],
     excludeSubagents: ['clone'],
     model: DEFAULT_SUBAGENT_MODEL,
     thinkingLevel: 'medium',

package/dist/app/subagents/index.d.ts

@@ -5,7 +5,7 @@
  * catalog, even after test resets.
  */
 export type { AgentDefinition } from '../agent-definition.js';
-export { cloneAgent } from './clone/agent.js';
+export { CLONE_AGENT_TOOL_NAMES, cloneAgent } from './clone/agent.js';
 export { DEFAULT_SUBAGENT_MODEL, DEFAULT_SUBAGENT_TIMEOUT_SECONDS, TASK_MODEL_CHOICES } from './defaults.js';
 export { documentReaderAgent } from './document-reader/agent.js';
 export { verificationAgent } from './verification/agent.js';

package/dist/app/subagents/index.js

@@ -4,7 +4,7 @@
  * Built-in agents are registered eagerly so callers always see a stable
  * catalog, even after test resets.
  */
-export { cloneAgent } from './clone/agent.js';
+export { CLONE_AGENT_TOOL_NAMES, cloneAgent } from './clone/agent.js';
 export { DEFAULT_SUBAGENT_MODEL, DEFAULT_SUBAGENT_TIMEOUT_SECONDS, TASK_MODEL_CHOICES } from './defaults.js';
 export { documentReaderAgent } from './document-reader/agent.js';
 export { verificationAgent } from './verification/agent.js';

package/dist/cli.js

@@ -372010,16 +372010,25 @@ var init_defaults = __esm({
 });
 
 // src/app/subagents/clone/agent.ts
-var NAME, DESCRIPTION6, SUBAGENT_OUTPUT_DISCIPLINE, cloneAgent;
+var NAME, DESCRIPTION6, CLONE_AGENT_TOOL_NAMES, SUBAGENT_OUTPUT_DISCIPLINE, cloneAgent;
 var init_agent6 = __esm({
   "src/app/subagents/clone/agent.ts"() {
     "use strict";
     init_tool_names();
-    init_agent();
     init_prompt();
     init_defaults();
     NAME = "clone";
     DESCRIPTION6 = `A write-capable clone of the main agent with the same tools, including the ability to spawn subagents. Useful for parallelization and delegation of tasks.`;
+    CLONE_AGENT_TOOL_NAMES = [
+      BASH,
+      WRITE,
+      EXECUTE_CODE,
+      TASK,
+      TAKE_SCREENSHOT,
+      GET_TOOL_INFO,
+      EXECUTE_TOOL,
+      ...MCP_TOOL_NAMES
+    ];
     SUBAGENT_OUTPUT_DISCIPLINE = `======================
 SUBAGENT OUTPUT
 ======================
@@ -372032,7 +372041,7 @@ Be concise and clear. Keep reports clear, succinct, and structured when possible
 
 ${SUBAGENT_OUTPUT_DISCIPLINE}`;
       },
-      tools: ACTION_AGENT_TOOL_NAMES.filter((toolName) => toolName !== REFRESH_CONTEXT),
+      tools: [...CLONE_AGENT_TOOL_NAMES],
       excludeSubagents: ["clone"],
       model: DEFAULT_SUBAGENT_MODEL,
       thinkingLevel: "medium",

package/dist/embedded-agent/host-tools/task/agents/clone.d.ts

@@ -5,5 +5,6 @@
  * can spawn leaf subagents, but cannot recursively spawn another clone.
  */
 import { type AgentDefinition } from '../agent-definition.js';
+export declare const CLONE_TOOL_NAMES: readonly ["get_tool_info", "execute_tool", "execute_code", "bash_command", "take_screenshot", "mcp", "task"];
 export declare const cloneSubagent: AgentDefinition;
 //# sourceMappingURL=clone.d.ts.map

package/dist/embedded-agent/host-tools/task/agents/clone.js

@@ -9,11 +9,19 @@ import { AGENT_PHILOSOPHY, COMMUNICATION, DATA_FORMATTING, TASK_EXECUTION, WRITI
 import { buildSubagentApiReferenceSection } from '../../../../utils/api-reference.js';
 import { buildActionModeMainSection } from '../../../prompt/modes/action.js';
 import { API_HIERARCHY_SECTION, SANDBOX_FILESYSTEM, getPlatformIdentity } from '../../../prompt/sections.js';
-import { ACTION_TOOL_NAMES } from '../../action-tool-names.js';
-import { REFRESH_CONTEXT } from '../../tool-names.js';
+import { BASH_COMMAND, EXECUTE_CODE, EXECUTE_TOOL, GET_TOOL_INFO, MCP, TAKE_SCREENSHOT, TASK } from '../../tool-names.js';
 import { DEFAULT_TASK_SUBAGENT_MODEL_ID, DEFAULT_TASK_SUBAGENT_TIMEOUT_SECONDS } from '../agent-definition.js';
 const DESCRIPTION = `\
 A write-capable clone of the main agent with the same tools, including the ability to spawn subagents. Useful for parallelization and delegation of tasks.`;
+export const CLONE_TOOL_NAMES = [
+    GET_TOOL_INFO,
+    EXECUTE_TOOL,
+    EXECUTE_CODE,
+    BASH_COMMAND,
+    TAKE_SCREENSHOT,
+    MCP,
+    TASK
+];
 const SUBAGENT_OUTPUT_SECTION = `\
 ======================
 SUBAGENT OUTPUT
@@ -40,7 +48,7 @@ export const cloneSubagent = {
     name: 'clone',
     description: DESCRIPTION,
     systemPrompt: buildSystemPrompt,
-    tools: ACTION_TOOL_NAMES.filter((toolName) => toolName !== REFRESH_CONTEXT),
+    tools: [...CLONE_TOOL_NAMES],
     model: DEFAULT_TASK_SUBAGENT_MODEL_ID,
     thinkingLevel: RUNTIME_THINKING_LEVEL.Medium,
     timeoutSeconds: DEFAULT_TASK_SUBAGENT_TIMEOUT_SECONDS,

package/native-app/package.json

@@ -4,5 +4,5 @@
   "private": true,
   "type": "module",
   "main": "main/index.js",
-  "version": "0.3.73"
+  "version": "0.3.74"
 }

package/native-app/renderer/assets/{index-upOaS1d7.js → index-Fluj0X8h.js}

@@ -25602,6 +25602,7 @@ function indexToolResults(messages) {
   }
   return results;
 }
+const MAX_COLLAPSED_LINES = 2;
 function record(value) {
   return value !== null && typeof value === "object" && !Array.isArray(value) ? value : void 0;
 }
@@ -25655,6 +25656,13 @@ function line(text2, tone = "output") {
 function splitLines(text2, tone = "output") {
   return text2.replace(/\t/g, "   ").split("\n").map((value) => line(value, tone));
 }
+function compactOutputLine(text2) {
+  return compact(text2, 180);
+}
+function capCollapsedLines(lines) {
+  if (lines.length <= MAX_COLLAPSED_LINES) return lines;
+  return [lines[0], lines.at(-1)];
+}
 function titleText(parts) {
   return parts.map((value) => value.text).join("");
 }
@@ -25694,9 +25702,13 @@ function bashPresentation(args, output, details, isError) {
   if (suffix) expandedHeader.push(part(suffix, "dim"));
   const rawLines = output.trim() ? output.trim().split("\n") : [];
   const outputTone = isError ? "error" : "output";
-  const preview = rawLines.slice(-2).map((value, index2) => line(`${index2 === 0 ? "⎿  " : "   "}${value}`, outputTone));
-  const hidden = Math.max(0, rawLines.length - 2);
-  if (hidden > 0) preview.push(line(`   … +${hidden} lines`, "dim"));
+  const lastOutput = rawLines.at(-1);
+  const preview = lastOutput ? [
+    line(
+      `⎿  ${compactOutputLine(lastOutput)}${rawLines.length > 1 ? ` · ${rawLines.length} lines` : ""}`,
+      outputTone
+    )
+  ] : [];
   preview.push(...warningLines(details));
   const expanded = rawLines.map(
     (value, index2) => line(`${index2 === 0 ? "⎿  " : "   "}${value}`, outputTone)
@@ -25719,37 +25731,36 @@ function fileHeader(name2, args) {
   }
   return [part(name2, "title", true), part(" "), part(path2, "accent")];
 }
-function filePresentation(name2, args, output, details, isError) {
+function filePresentation(name2, args, output, details, isError, running) {
   const header = fileHeader(name2, args);
   if (name2 === "read") {
     if (!output) return { header, collapsedLines: [], expandedLines: [] };
     const lines = output.replace(/\t/g, "   ").split("\n");
-    const preview = lines.slice(-2).map((value) => line(value));
-    const skipped = Math.max(0, lines.length - 2);
-    if (skipped > 0) preview.push(line(`... +${skipped} lines`, "dim"));
     return {
       header,
-      collapsedLines: preview,
+      collapsedLines: [
+        line(`Read ${lines.length} ${lines.length === 1 ? "line" : "lines"}`, "dim")
+      ],
       expandedLines: lines.map((value) => line(value))
     };
   }
   if (name2 === "write") {
     const content2 = stringArg(args, "content");
+    const hasContent = typeof args.content === "string";
     const contentLines = content2 ? content2.replace(/\t/g, "   ").split("\n") : [];
-    const collapsedLines = contentLines.slice(0, 10).map((value) => line(value));
-    if (contentLines.length > 10) {
-      collapsedLines.push(
-        line(`... (${contentLines.length - 10} more lines, ${contentLines.length} total)`, "dim")
-      );
-    }
     const expandedLines2 = contentLines.map((value) => line(value));
     if (isError && output) {
-      collapsedLines.push(...splitLines(output, "error"));
       expandedLines2.push(...splitLines(output, "error"));
     }
+    const collapsedLines = isError ? [line(`Write failed: ${compactOutputLine(output || "Unknown error")}`, "error")] : hasContent ? [
+      line(
+        contentLines.length === 0 ? `${running ? "Writing" : "Wrote"} empty file` : `${running ? "Writing" : "Wrote"} ${contentLines.length} ${contentLines.length === 1 ? "line" : "lines"}`,
+        "dim"
+      )
+    ] : [];
     return {
       header,
-      collapsedLines: contentLines.length ? [line(""), ...collapsedLines] : collapsedLines,
+      collapsedLines,
       expandedLines: contentLines.length ? [line(""), ...expandedLines2] : expandedLines2
     };
   }
@@ -25803,10 +25814,8 @@ function searchWarnings(name2, details) {
 function searchPresentation(name2, args, output, details) {
   const header = searchHeader(name2, args);
   const lines = output.trim() ? output.trim().split("\n").map((value) => line(value)) : [];
-  const max = name2 === "grep" ? 0 : 20;
-  const preview = lines.slice(0, max);
-  if (lines.length > max && max > 0)
-    preview.push(line(`... (${lines.length - max} more lines)`, "dim"));
+  const noun = name2 === "ls" ? lines.length === 1 ? "entry" : "entries" : name2 === "find" ? lines.length === 1 ? "result" : "results" : lines.length === 1 ? "match" : "matches";
+  const preview = lines.length ? [line(`${lines.length} ${noun}`, "dim")] : [];
   preview.push(...searchWarnings(name2, details));
   return {
     header,
@@ -25923,11 +25932,18 @@ function goalPresentation(args, output, details, isError) {
 function genericPresentation(name2, args, output) {
   const header = [part(name2, "title", true)];
   const argsText = Object.keys(args).length ? safeJson(args, true) : "";
-  const lines = [
+  const expandedLines = [
     ...argsText ? [line(""), ...splitLines(argsText)] : [],
     ...output ? splitLines(output) : []
   ];
-  return { header, collapsedLines: lines, expandedLines: lines };
+  const outputPreview = output.split("\n").map((value) => value.trim()).find(Boolean);
+  const argumentPreview = primaryToolArgument(args, name2);
+  const preview = outputPreview || argumentPreview;
+  return {
+    header,
+    collapsedLines: preview ? [line(`  ${compactOutputLine(preview)}`, "dim")] : [],
+    expandedLines
+  };
 }
 function humanizeToolName(value) {
   return value.replace(/[_-]+/g, " ").replace(/\b\w/g, (letter) => letter.toUpperCase()).trim();
@@ -25972,7 +25988,7 @@ function buildToolDisplay({
     case "read":
     case "write":
     case "edit":
-      presentation = filePresentation(name2, args, output, details, isError);
+      presentation = filePresentation(name2, args, output, details, isError, running);
       break;
     case "ls":
     case "find":
@@ -26124,6 +26140,7 @@ function buildToolDisplay({
     isError,
     title: titleText(presentation.header),
     ...presentation,
+    collapsedLines: capCollapsedLines(presentation.collapsedLines),
     images: messageImages(result)
   };
 }
@@ -26406,13 +26423,27 @@ function EmptyConversation({
     ] })
   ] });
 }
-function payloadPreview(payload) {
-  return payload && typeof payload === "object" ? JSON.stringify(payload, null, 2) : String(payload ?? "");
+function payloadRecord(payload) {
+  return payload !== null && typeof payload === "object" && !Array.isArray(payload) ? payload : {};
+}
+function payloadText(payload, key) {
+  const value = payload[key];
+  return typeof value === "string" && value.trim() ? value.trim() : void 0;
 }
-function payloadDescription(payload) {
-  if (!payload || typeof payload !== "object" || !("description" in payload)) return void 0;
-  const description = payload.description;
-  return typeof description === "string" && description.trim() ? description.trim() : void 0;
+function approvalDetails(rawPayload) {
+  const payload = payloadRecord(rawPayload);
+  const details = ["description", "reason", "summary", "path", "command", "query", "documentPath"].map((key) => payloadText(payload, key)).filter((detail) => Boolean(detail));
+  for (const key of ["highRiskOperations", "operations"]) {
+    const operations = payload[key];
+    if (!Array.isArray(operations)) continue;
+    for (const operation of operations) {
+      const values = payloadRecord(operation);
+      const label2 = payloadText(values, "label");
+      const reason = payloadText(values, "reason");
+      if (reason) details.push(`${label2 ? `${label2}: ` : ""}${reason}`);
+    }
+  }
+  return [...new Set(details)];
 }
 function InteractionPanel({
   interaction,
@@ -26422,13 +26453,13 @@ function InteractionPanel({
   const [input, setInput] = reactExports.useState("");
   if (interaction.kind === "approval") {
     const request = interaction.approval.request;
-    const description = payloadDescription(request.payload);
+    const details = approvalDetails(request.payload);
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "interaction-panel approval-panel", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "interaction-heading", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: request.title }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: request.kind })
       ] }) }),
-      description ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "interaction-description", children: description }) : /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "interaction-preview", children: payloadPreview(request.payload) }),
+      details.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "interaction-details", children: details.map((detail) => /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "interaction-detail", children: detail }, detail)) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "interaction-actions", children: request.choices.map((choice, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
@@ -27989,6 +28020,8 @@ function useAgentHost() {
   const [restartKey, setRestartKey] = reactExports.useState(0);
   const hostIdRef = reactExports.useRef(void 0);
   const hostsRef = reactExports.useRef(state.hosts);
+  const hostRuntimeArgsRef = reactExports.useRef(/* @__PURE__ */ new Map());
+  const startHostRef = reactExports.useRef(void 0);
   hostsRef.current = state.hosts;
   const activeView = state.activeHostId ? state.hosts[state.activeHostId] : void 0;
   const connection = state.status === "ready" && state.activeHostId && activeView ? { status: "ready", hostId: state.activeHostId, view: activeView } : state.status === "failed" ? { status: "failed", message: state.message ?? "Agent runtime stopped" } : { status: "starting" };
@@ -28001,6 +28034,7 @@ function useAgentHost() {
       if (!active) return;
       if ("termination" in payload) {
         hostIds.delete(payload.hostId);
+        hostRuntimeArgsRef.current.delete(payload.hostId);
         if (hostIdRef.current === payload.hostId) {
           hostIdRef.current = [...hostIds].at(-1);
         }
@@ -28022,25 +28056,34 @@ function useAgentHost() {
           return;
         }
         hostIds.add(result.hostId);
+        hostRuntimeArgsRef.current.set(result.hostId, [...runtimeArgs ?? []]);
         hostIdRef.current = result.hostId;
         dispatch({ type: "ready", ...result });
       } catch (error) {
         if (active && requestGeneration === generation) {
           dispatch({ type: "failed", message: String(error) });
         }
+        throw error;
       }
     };
+    startHostRef.current = start;
     const unsubscribeWorkspace = window.shortcut.agent.onOpenWorkspace(({ cwd: cwd2, runtimeArgs }) => {
-      void start(cwd2, runtimeArgs);
+      void start(cwd2, runtimeArgs).catch(() => {
+      });
+    });
+    void start().catch(() => {
     });
-    void start();
     return () => {
       active = false;
       generation += 1;
       unsubscribe();
       unsubscribeWorkspace();
+      if (startHostRef.current === start) startHostRef.current = void 0;
       hostIdRef.current = void 0;
-      for (const hostId of hostIds) void window.shortcut.agent.stop({ hostId });
+      for (const hostId of hostIds) {
+        hostRuntimeArgsRef.current.delete(hostId);
+        void window.shortcut.agent.stop({ hostId });
+      }
       hostIds.clear();
     };
   }, [restartKey]);
@@ -28072,6 +28115,13 @@ function useAgentHost() {
     [request]
   );
   const newSession = reactExports.useCallback(async () => {
+    const hostId = hostIdRef.current;
+    const startHost = startHostRef.current;
+    const currentView = hostId ? hostsRef.current[hostId] : void 0;
+    if (!hostId || !startHost || !currentView) throw new Error("Agent runtime is not ready");
+    await startHost(currentView.snapshot.session.cwd, hostRuntimeArgsRef.current.get(hostId) ?? []);
+  }, []);
+  const replaceSession = reactExports.useCallback(async () => {
     const result = await request({ type: "new_session" });
     if (!result.cancelled) await refreshSnapshot();
   }, [refreshSnapshot, request]);
@@ -28242,6 +28292,7 @@ function useAgentHost() {
     abort,
     respondToInteraction,
     newSession,
+    replaceSession,
     listSessions,
     deleteSession,
     switchSession,
@@ -28350,7 +28401,7 @@ function App({ initialThemeId: initialThemeId2 }) {
   const newestNotice = view?.notices.at(-1);
   const latestNotice = newestNotice?.id === dismissedNoticeId ? void 0 : newestNotice;
   const activeInteraction = view?.pendingInteractions[0];
-  const canStartNewChat = Boolean(ready && !view?.snapshot.isStreaming);
+  const canStartNewChat = Boolean(ready);
   const liveSessions = agent.hosts.map(({ hostId, view: hostView }) => ({
     hostId,
     sessionId: hostView.snapshot.session.id,
@@ -28374,7 +28425,7 @@ function App({ initialThemeId: initialThemeId2 }) {
     return run(async () => {
       const activePath = view.snapshot.session.path;
       if (activePath && paths.includes(activePath)) {
-        await agent.newSession();
+        await agent.replaceSession();
         await agent.deleteSession(activePath);
       }
       for (const path2 of paths) {

package/native-app/renderer/assets/{index-m6aeCx-5.css → index-OhGE0UY4.css}

@@ -772,13 +772,13 @@ button:not(:disabled):active {
   gap: 16px;
 }
 
-.runtime-dashboard > section > header h2,
-.command-reference > header h2 {
-  font-family: var(--font-terminal);
-  font-size: var(--terminal-text-size);
-  font-weight: 700;
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
+.runtime-dashboard > section > header h2,
+.command-reference > header h2 {
+  font-family: var(--font-terminal);
+  font-size: var(--terminal-text-size);
+  font-weight: 700;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
 }
 
 .runtime-dashboard h2 {
@@ -807,12 +807,12 @@ button:not(:disabled):active {
   padding: 0 8px;
   border: 0;
   border-bottom: 1px solid var(--line);
-  border-radius: 0;
-  color: var(--quiet);
-  background: transparent;
-  font-size: var(--terminal-text-size);
-  text-align: left;
-}
+  border-radius: 0;
+  color: var(--quiet);
+  background: transparent;
+  font-size: var(--terminal-text-size);
+  text-align: left;
+}
 
 .environment-list > button,
 .command-reference button {
@@ -821,12 +821,12 @@ button:not(:disabled):active {
 
 .environment-list code,
 .command-reference code {
-  width: 88px;
-  flex: 0 0 88px;
-  color: var(--ink-soft);
-  font-size: inherit;
-  font-weight: 620;
-}
+  width: 88px;
+  flex: 0 0 88px;
+  color: var(--ink-soft);
+  font-size: inherit;
+  font-weight: 620;
+}
 
 .environment-list span,
 .command-reference button span {
@@ -1817,6 +1817,7 @@ button:not(:disabled):active {
 }
 
 .interaction-panel {
+  min-width: 0;
   padding: 14px;
   border: 1px solid var(--line-strong);
   border-bottom: 0;
@@ -1832,9 +1833,15 @@ button:not(:disabled):active {
 
 .interaction-heading > div {
   display: grid;
+  min-width: 0;
   gap: 2px;
 }
 
+.interaction-heading strong,
+.interaction-panel > p {
+  overflow-wrap: anywhere;
+}
+
 .interaction-heading strong {
   color: var(--ink-soft);
   font-size: 0.75rem;
@@ -1846,19 +1853,22 @@ button:not(:disabled):active {
   font-size: 0.625rem;
 }
 
-.interaction-preview {
-  margin: 12px 0;
-  padding: 10px;
-  border: 1px solid var(--interaction-line);
-  background: var(--surface);
-}
-
-.interaction-panel .interaction-description {
-  margin: 12px 0;
-  color: var(--ink-soft);
-  font-size: var(--terminal-footer-size);
-  line-height: 1.5;
-}
+.interaction-details {
+  display: grid;
+  min-width: 0;
+  margin: 12px 0;
+  gap: 6px;
+}
+
+.interaction-panel .interaction-detail {
+  min-width: 0;
+  margin: 0;
+  color: var(--ink-soft);
+  font-size: var(--terminal-footer-size);
+  line-height: 1.5;
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+}
 
 .interaction-actions {
   justify-content: flex-end;

package/native-app/renderer/index.html

@@ -4,8 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Shortcut CLI</title>
-    <script type="module" crossorigin src="./assets/index-upOaS1d7.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-m6aeCx-5.css">
+    <script type="module" crossorigin src="./assets/index-Fluj0X8h.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-OhGE0UY4.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shortcutxl",
-  "version": "0.3.73",
+  "version": "0.3.74",
   "license": "MIT",
   "type": "module",
   "types": "./dist/index.d.ts",