@ottocode/web-sdk 0.1.246 → 0.1.247

package/dist/components/file-browser/FileViewerPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileViewerPanel.d.ts","sourceRoot":"","sources":["../../../src/components/file-browser/FileViewerPanel.tsx"],"names":[],"mappings":"AAkDA,eAAO,MAAM,eAAe,8CAmG1B,CAAC"}
+{"version":3,"file":"FileViewerPanel.d.ts","sourceRoot":"","sources":["../../../src/components/file-browser/FileViewerPanel.tsx"],"names":[],"mappings":"AA+DA,eAAO,MAAM,eAAe,8CAkJ1B,CAAC"}

package/dist/components/index.js

@@ -383,6 +383,7 @@ var useToolApprovalStore = create3((set) => ({
 import { Shield, Check, X as X2, Terminal, FileEdit, GitCommit } from "lucide-react";
 import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
 var TOOL_ICONS = {
+  shell: Terminal,
   bash: Terminal,
   edit: FileEdit,
   multiedit: FileEdit,
@@ -6860,6 +6861,12 @@ function getLanguageFromPath2(path) {
   };
   return langMap[ext || ""] || "javascript";
 }
+function normalizeToolName(toolName) {
+  return toolName === "bash" ? "shell" : toolName;
+}
+function isShellTool(toolName) {
+  return normalizeToolName(toolName) === "shell";
+}
 function normalizeToolTarget(toolName, args) {
   if (!args)
     return null;
@@ -6872,6 +6879,7 @@ function normalizeToolTarget(toolName, args) {
     glob: ["pattern"],
     grep: ["query", "pattern"],
     ripgrep: ["query", "pattern"],
+    shell: ["cmd", "command"],
     bash: ["cmd", "command"],
     terminal: ["command"],
     git_commit: ["message"],
@@ -6915,9 +6923,10 @@ var ToolApprovalCard = memo7(function ToolApprovalCard2({
   onReject
 }) {
   const [isProcessing, setIsProcessing] = useState16(false);
-  const toolLabel = toolName.replace(/_/g, " ");
-  const primary = normalizeToolTarget(toolName, args);
-  const command = toolName === "bash" ? getPrimaryCommand(args) : null;
+  const normalizedToolName = normalizeToolName(toolName);
+  const toolLabel = normalizedToolName.replace(/_/g, " ");
+  const primary = normalizeToolTarget(normalizedToolName, args);
+  const command = isShellTool(normalizedToolName) ? getPrimaryCommand(args) : null;
   const approvalTarget = command || primary?.value;
   const filePath = typeof args?.path === "string" ? args.path : "";
   const language = getLanguageFromPath2(filePath);
@@ -6980,7 +6989,7 @@ var ToolApprovalCard = memo7(function ToolApprovalCard2({
         children: toolName === "multiedit" ? "Multiple exact replacements will be applied atomically." : "An exact text replacement will be applied to this file."
       });
     }
-    if (toolName === "bash" && args?.cmd) {
+    if (isShellTool(normalizedToolName) && args?.cmd) {
       const cmd = String(args.cmd);
       return /* @__PURE__ */ jsx24("div", {
         className: "ml-6 max-w-full overflow-hidden",
@@ -7018,7 +7027,7 @@ var ToolApprovalCard = memo7(function ToolApprovalCard2({
             className: "font-medium text-foreground text-sm",
             children: toolLabel
           }),
-          approvalTarget && toolName !== "bash" && /* @__PURE__ */ jsx24("code", {
+          approvalTarget && !isShellTool(normalizedToolName) && /* @__PURE__ */ jsx24("code", {
             className: "text-xs font-mono text-foreground/80 bg-muted/50 px-1.5 py-0.5 rounded truncate max-w-xs",
             children: approvalTarget
           }),
@@ -7710,7 +7719,7 @@ function BashRenderer({
     className: "text-xs",
     children: [
       /* @__PURE__ */ jsxs25(ToolHeader, {
-        toolName: "bash",
+        toolName: "shell",
         isExpanded,
         onToggle,
         isError,
@@ -10991,7 +11000,9 @@ var TOOL_NAME_ALIASES = {
   Pwd: "pwd",
   Glob: "glob",
   Grep: "ripgrep",
-  Bash: "bash",
+  Shell: "shell",
+  Bash: "shell",
+  bash: "shell",
   Terminal: "terminal",
   GitStatus: "git_status",
   GitDiff: "git_diff",
@@ -11005,11 +11016,11 @@ var TOOL_NAME_ALIASES = {
   LoadMcpTools: "load_mcp_tools",
   Skill: "skill"
 };
-function normalizeToolName(name) {
+function normalizeToolName2(name) {
   return TOOL_NAME_ALIASES[name] ?? name;
 }
 var COMPACT_DETAIL_TOOL_NAMES = new Set([
-  "bash",
+  "shell",
   "edit",
   "multiedit",
   "write",
@@ -11028,7 +11039,7 @@ function ToolResultRenderer({
   onCompact
 }) {
   const [isExpanded, setIsExpanded] = useState22(false);
-  const normalizedName = normalizeToolName(toolName);
+  const normalizedName = normalizeToolName2(toolName);
   const rendererCompact = compact && !COMPACT_DETAIL_TOOL_NAMES.has(normalizedName);
   const handleToggle = () => setIsExpanded(!isExpanded);
   const props = {
@@ -11059,7 +11070,7 @@ function ToolResultRenderer({
       return /* @__PURE__ */ jsx53(WriteRenderer, {
         ...props
       });
-    case "bash":
+    case "shell":
       return /* @__PURE__ */ jsx53(BashRenderer, {
         ...props
       });
@@ -11198,6 +11209,12 @@ function getPatchedFileFromPatch(patch) {
   const match = patch.match(/^\*\*\*\s+(?:Update|Add|Delete|Replace in):\s+(.+)$/m);
   return match?.[1]?.trim() || null;
 }
+function normalizeToolName3(toolName) {
+  return toolName === "bash" ? "shell" : toolName;
+}
+function isShellTool2(toolName) {
+  return normalizeToolName3(toolName) === "shell";
+}
 function normalizeToolTarget2(toolName, args) {
   if (!args)
     return null;
@@ -11217,7 +11234,7 @@ function normalizeToolTarget2(toolName, args) {
       return { key, value: value.trim() };
     }
   }
-  if (toolName === "bash") {
+  if (isShellTool2(toolName)) {
     const command = args.command;
     if (typeof command === "string" && command.trim().length > 0) {
       return { key: "command", value: command.trim() };
@@ -11352,7 +11369,7 @@ var MessagePartItem = memo8(function MessagePartItem2({
         return /* @__PURE__ */ jsx54(FolderTree2, {
           className: "h-4 w-4 text-cyan-600 dark:text-cyan-300"
         });
-      if (toolName === "bash")
+      if (isShellTool2(toolName))
         return /* @__PURE__ */ jsx54(Terminal5, {
           className: "h-4 w-4 text-muted-foreground"
         });
@@ -11568,13 +11585,14 @@ var MessagePartItem = memo8(function MessagePartItem2({
     if (part.type === "tool_call") {
       const payload = getToolCallPayload(part);
       const rawToolName = part.toolName || (typeof payload?.name === "string" ? payload.name : "tool");
-      const toolLabel = rawToolName.includes("__") ? rawToolName.replace("__", " › ") : rawToolName.replace(/_/g, " ");
+      const normalizedToolName = normalizeToolName3(rawToolName);
+      const toolLabel = normalizedToolName.includes("__") ? normalizedToolName.replace("__", " › ") : normalizedToolName.replace(/_/g, " ");
       const partArgs = getToolCallArgs(part);
       const approvalArgs = pendingApproval?.args;
       const args = partArgs || approvalArgs;
-      const primary = normalizeToolTarget2(rawToolName, args);
+      const primary = normalizeToolTarget2(normalizedToolName, args);
       const argsPreview = formatArgsPreview(args, primary?.key);
-      const command = rawToolName === "bash" ? getPrimaryCommand2(args) : null;
+      const command = isShellTool2(normalizedToolName) ? getPrimaryCommand2(args) : null;
       const segments = [];
       if (command) {
         segments.push({
@@ -12238,6 +12256,7 @@ function getPatchTarget(patch) {
   return match?.[1]?.trim() || null;
 }
 var TOOL_CONFIG = {
+  shell: { Icon: Terminal6, color: "text-muted-foreground", label: "Running" },
   bash: { Icon: Terminal6, color: "text-muted-foreground", label: "Running" },
   write: {
     Icon: FileEdit3,
@@ -12265,10 +12284,16 @@ var TOOL_CONFIG = {
     label: "Terminal"
   }
 };
+function normalizeToolName4(toolName) {
+  return toolName === "bash" ? "shell" : toolName;
+}
+function isShellTool3(toolName) {
+  return normalizeToolName4(toolName) === "shell";
+}
 function getTargetFromArgs(toolName, args) {
   if (!args)
     return "";
-  if (toolName === "bash") {
+  if (isShellTool3(toolName)) {
     const cmd = String(args.cmd || "");
     return cmd.length > 80 ? `${cmd.slice(0, 77)}…` : cmd;
   }
@@ -12283,7 +12308,7 @@ function getTargetFromArgs(toolName, args) {
   return "";
 }
 function getTargetFromStream(toolName, raw) {
-  if (toolName === "bash") {
+  if (isShellTool3(toolName)) {
     const cmd = extractJsonStringField(raw, "cmd");
     if (cmd) {
       return cmd.length > 80 ? `${cmd.slice(0, 77)}…` : cmd;
@@ -12319,7 +12344,7 @@ function ActionToolBox({ part, showLine }) {
   const hoveredRef = useRef11(false);
   const previousContentLengthRef = useRef11(0);
   const [contentHeight, setContentHeight] = useState24(0);
-  const toolName = part.toolName || "";
+  const toolName = normalizeToolName4(part.toolName || "");
   const isComplete = part.type === "tool_result";
   const config2 = TOOL_CONFIG[toolName] || {
     Icon: Terminal6,
@@ -12333,7 +12358,7 @@ function ActionToolBox({ part, showLine }) {
   const streamedOutput = getStreamedOutput(part);
   const target = getTargetFromArgs(toolName, args) || getTargetFromStream(toolName, streamedInput);
   const streamedContent = getContentFromStream(toolName, streamedInput);
-  const displayContent = toolName === "bash" ? streamedOutput || streamedContent || (args ? getContentFromArgs(toolName, args) : "") : args ? getContentFromArgs(toolName, args) : streamedContent;
+  const displayContent = isShellTool3(toolName) ? streamedOutput || streamedContent || (args ? getContentFromArgs(toolName, args) : "") : args ? getContentFromArgs(toolName, args) : streamedContent;
   const hasDisplayContent = displayContent.trim().length > 0;
   useEffect18(() => {
     if (!isComplete && !latched) {
@@ -12546,7 +12571,7 @@ function ActionToolBox({ part, showLine }) {
   });
 }
 function getContentFromArgs(toolName, args) {
-  if (toolName === "bash")
+  if (isShellTool3(toolName))
     return String(args.cmd || "");
   if (toolName === "write")
     return String(args.content || "");
@@ -12593,7 +12618,7 @@ function extractJsonStringField(raw, field) {
 function getContentFromStream(toolName, raw) {
   if (!raw)
     return "";
-  if (toolName === "bash")
+  if (isShellTool3(toolName))
     return extractJsonStringField(raw, "cmd");
   if (toolName === "write")
     return extractJsonStringField(raw, "content");
@@ -12956,6 +12981,7 @@ var AssistantMessageGroup = memo9(function AssistantMessageGroup2({
   const latestProgressUpdateIndex = parts.reduce((lastIndex, part, index) => part.type === "tool_result" && part.toolName === "progress_update" ? index : lastIndex, -1);
   const latestProgressUpdatePart = latestProgressUpdateIndex >= 0 ? parts[latestProgressUpdateIndex] : null;
   const liveActionToolCallIds = new Set(parts.filter((part) => part.ephemeral && [
+    "shell",
     "bash",
     "edit",
     "multiedit",
@@ -13156,6 +13182,7 @@ var AssistantMessageGroup = memo9(function AssistantMessageGroup2({
             const { part, index } = item;
             const isLastPart = index === parts.length - 1;
             const isActionTool = part.ephemeral && (part.type === "tool_call" || part.type === "tool_result") && [
+              "shell",
               "bash",
               "edit",
               "multiedit",
@@ -24708,11 +24735,13 @@ var FileBrowserSidebarToggle = memo43(function FileBrowserSidebarToggle2() {
 // src/components/file-browser/FileViewerPanel.tsx
 import { memo as memo44, useEffect as useEffect44 } from "react";
 import { X as X17 } from "lucide-react";
+import ReactMarkdown3 from "react-markdown";
 import { Prism as SyntaxHighlighter12 } from "react-syntax-highlighter";
 import {
   prism as prism12,
   vscDarkPlus as vscDarkPlus12
 } from "react-syntax-highlighter/dist/esm/styles/prism";
+import remarkGfm3 from "remark-gfm";
 import { jsx as jsx101, jsxs as jsxs89 } from "react/jsx-runtime";
 var LANGUAGE_MAP3 = {
   js: "javascript",
@@ -24742,15 +24771,24 @@ var LANGUAGE_MAP3 = {
   css: "css",
   scss: "scss",
   md: "markdown",
+  markdown: "markdown",
+  mdx: "markdown",
   txt: "plaintext",
   svelte: "svelte",
   toml: "toml",
   lock: "plaintext"
 };
+function getFileExtension(path) {
+  return path.split(".").pop()?.toLowerCase() ?? "";
+}
 function inferLanguage2(path) {
-  const ext = path.split(".").pop()?.toLowerCase() ?? "";
+  const ext = getFileExtension(path);
   return LANGUAGE_MAP3[ext] ?? "plaintext";
 }
+function isMarkdownFile(path) {
+  const ext = getFileExtension(path);
+  return ext === "md" || ext === "markdown" || ext === "mdx";
+}
 var FileViewerPanel = memo44(function FileViewerPanel2() {
   const isViewerOpen = useFileBrowserStore((s) => s.isViewerOpen);
   const selectedFile = useFileBrowserStore((s) => s.selectedFile);
@@ -24771,6 +24809,7 @@ var FileViewerPanel = memo44(function FileViewerPanel2() {
     return null;
   const syntaxTheme = document?.documentElement.classList.contains("dark") ? vscDarkPlus12 : prism12;
   const language = inferLanguage2(selectedFile);
+  const renderMarkdown = isMarkdownFile(selectedFile);
   return /* @__PURE__ */ jsxs89("div", {
     className: "absolute inset-0 bg-background z-50 flex flex-col animate-in slide-in-from-left duration-300",
     children: [
@@ -24814,7 +24853,45 @@ var FileViewerPanel = memo44(function FileViewerPanel2() {
         children: isLoading ? /* @__PURE__ */ jsx101("div", {
           className: "h-full flex items-center justify-center text-muted-foreground",
           children: "Loading file..."
-        }) : data ? /* @__PURE__ */ jsx101("div", {
+        }) : data ? renderMarkdown ? /* @__PURE__ */ jsx101("div", {
+          className: "p-4 text-sm text-foreground leading-6 markdown-content max-w-full overflow-x-auto",
+          children: /* @__PURE__ */ jsx101(ReactMarkdown3, {
+            remarkPlugins: [remarkGfm3],
+            components: {
+              a: ({
+                href,
+                children,
+                ...props
+              }) => /* @__PURE__ */ jsx101("a", {
+                href,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                onClick: (e) => {
+                  if (window.self !== window.top && href) {
+                    e.preventDefault();
+                    window.parent.postMessage({
+                      type: "otto-open-url",
+                      url: href
+                    }, "*");
+                  }
+                },
+                ...props,
+                children
+              }),
+              table: ({
+                children,
+                ...props
+              }) => /* @__PURE__ */ jsx101("div", {
+                className: "overflow-x-auto max-w-full min-w-0 my-3",
+                children: /* @__PURE__ */ jsx101("table", {
+                  ...props,
+                  children
+                })
+              })
+            },
+            children: data.content
+          })
+        }) : /* @__PURE__ */ jsx101("div", {
           className: "code-with-line-numbers",
           children: /* @__PURE__ */ jsx101(SyntaxHighlighter12, {
             language,
@@ -26674,4 +26751,4 @@ export {
   AssistantMessageGroup
 };
 
-//# debugId=9B1EC9AFEA31212564756E2164756E21
+//# debugId=7F0EBE4B932F92B664756E2164756E21