shortcutxl 0.3.76 → 0.3.78

package/native-app/renderer/assets/{index-CFc-oZuS.js → index-B4jz6epR.js}

@@ -12499,12 +12499,326 @@ function requireClient() {
 }
 var clientExports = requireClient();
 const ReactDOM = /* @__PURE__ */ getDefaultExportFromCjs(clientExports);
+const BOTTOM_THRESHOLD = 10;
+reactExports.createContext(null);
+function useAutoScroll() {
+  const [scrollEl, setScrollEl] = reactExports.useState(null);
+  const [contentEl, setContentEl] = reactExports.useState(null);
+  const scrollRef = reactExports.useCallback((node2) => setScrollEl(node2), []);
+  const contentRef = reactExports.useCallback((node2) => setContentEl(node2), []);
+  const [isAtBottom, setIsAtBottom] = reactExports.useState(true);
+  const [isEngaged, setIsEngaged] = reactExports.useState(true);
+  const isEngagedRef = reactExports.useRef(true);
+  isEngagedRef.current = isEngaged;
+  const previousContentHeightRef = reactExports.useRef(0);
+  const previousScrollMetricsRef = reactExports.useRef(null);
+  const performScroll = reactExports.useCallback(() => {
+    if (!scrollEl) return;
+    scrollEl.scrollTop = scrollEl.scrollHeight - scrollEl.clientHeight;
+    previousScrollMetricsRef.current = {
+      scrollTop: scrollEl.scrollTop,
+      scrollHeight: scrollEl.scrollHeight,
+      clientHeight: scrollEl.clientHeight
+    };
+  }, [scrollEl]);
+  const scrollToBottom = reactExports.useCallback(() => {
+    setIsEngaged(true);
+    isEngagedRef.current = true;
+    performScroll();
+  }, [performScroll]);
+  const disengage = reactExports.useCallback(() => {
+    setIsEngaged(false);
+    isEngagedRef.current = false;
+  }, []);
+  const engage = reactExports.useCallback(() => {
+    setIsEngaged(true);
+    isEngagedRef.current = true;
+    requestAnimationFrame(() => {
+      if (isEngagedRef.current) performScroll();
+    });
+  }, [performScroll]);
+  reactExports.useEffect(() => {
+    if (!scrollEl) return;
+    previousScrollMetricsRef.current = {
+      scrollTop: scrollEl.scrollTop,
+      scrollHeight: scrollEl.scrollHeight,
+      clientHeight: scrollEl.clientHeight
+    };
+    const handleScroll = () => {
+      const { scrollTop, scrollHeight, clientHeight } = scrollEl;
+      const atBottom = scrollHeight - scrollTop - clientHeight < BOTTOM_THRESHOLD;
+      const previous2 = previousScrollMetricsRef.current;
+      const scrollTopDelta = previous2 === null ? 0 : scrollTop - previous2.scrollTop;
+      const maxScrollTopDelta = previous2 === null ? 0 : Math.max(0, scrollHeight - clientHeight) - Math.max(0, previous2.scrollHeight - previous2.clientHeight);
+      const movedUpBeyondGeometry = scrollTopDelta < Math.min(0, maxScrollTopDelta);
+      previousScrollMetricsRef.current = { scrollTop, scrollHeight, clientHeight };
+      setIsAtBottom(atBottom);
+      if (!atBottom && movedUpBeyondGeometry && isEngagedRef.current) {
+        setIsEngaged(false);
+        isEngagedRef.current = false;
+      } else if (atBottom && !isEngagedRef.current) {
+        setIsEngaged(true);
+        isEngagedRef.current = true;
+      }
+    };
+    scrollEl.addEventListener("scroll", handleScroll, { passive: true });
+    return () => scrollEl.removeEventListener("scroll", handleScroll);
+  }, [scrollEl]);
+  reactExports.useEffect(() => {
+    if (!contentEl || !scrollEl) return;
+    let rafId = null;
+    const observer = new ResizeObserver(() => {
+      if (rafId !== null) cancelAnimationFrame(rafId);
+      rafId = requestAnimationFrame(() => {
+        rafId = null;
+        const newHeight = contentEl.scrollHeight;
+        if (newHeight > previousContentHeightRef.current) {
+          if (isEngagedRef.current) {
+            performScroll();
+          } else {
+            const { scrollTop, scrollHeight, clientHeight } = scrollEl;
+            setIsAtBottom(scrollHeight - scrollTop - clientHeight < BOTTOM_THRESHOLD);
+          }
+        }
+        previousContentHeightRef.current = newHeight;
+      });
+    });
+    previousContentHeightRef.current = contentEl.scrollHeight;
+    observer.observe(contentEl);
+    return () => {
+      observer.disconnect();
+      if (rafId !== null) cancelAnimationFrame(rafId);
+    };
+  }, [contentEl, scrollEl, performScroll]);
+  reactExports.useEffect(() => {
+    if (!scrollEl) return;
+    let rafId = null;
+    const observer = new ResizeObserver(() => {
+      if (rafId !== null) cancelAnimationFrame(rafId);
+      rafId = requestAnimationFrame(() => {
+        rafId = null;
+        if (isEngagedRef.current) {
+          performScroll();
+        }
+      });
+    });
+    observer.observe(scrollEl);
+    return () => {
+      observer.disconnect();
+      if (rafId !== null) cancelAnimationFrame(rafId);
+    };
+  }, [scrollEl, performScroll]);
+  return reactExports.useMemo(
+    () => ({
+      scrollRef,
+      contentRef,
+      scrollElement: scrollEl,
+      isAtBottom,
+      isEngaged,
+      scrollToBottom,
+      disengage,
+      engage
+    }),
+    [scrollRef, contentRef, scrollEl, isAtBottom, isEngaged, scrollToBottom, disengage, engage]
+  );
+}
+const scrollStateByThread = {};
+function useScrollPositionByThread({
+  threadId,
+  scrollElement,
+  isEngaged,
+  disengage,
+  engage
+}) {
+  const prevThreadIdRef = reactExports.useRef(threadId);
+  const hasRestoredRef = reactExports.useRef(false);
+  const isEngagedRef = reactExports.useRef(isEngaged);
+  isEngagedRef.current = isEngaged;
+  const handleScroll = reactExports.useCallback(() => {
+    if (!scrollElement || !threadId) return;
+    scrollStateByThread[threadId] = {
+      scrollTop: scrollElement.scrollTop,
+      wasEngaged: isEngagedRef.current
+    };
+  }, [scrollElement, threadId]);
+  reactExports.useEffect(() => {
+    if (!scrollElement) return;
+    scrollElement.addEventListener("scroll", handleScroll, { passive: true });
+    return () => scrollElement.removeEventListener("scroll", handleScroll);
+  }, [scrollElement, handleScroll]);
+  reactExports.useEffect(() => {
+    if (!scrollElement || !threadId || prevThreadIdRef.current !== threadId || !hasRestoredRef.current) {
+      return;
+    }
+    scrollStateByThread[threadId] = {
+      scrollTop: scrollElement.scrollTop,
+      wasEngaged: isEngaged
+    };
+  }, [threadId, scrollElement, isEngaged]);
+  reactExports.useEffect(() => {
+    if (!scrollElement) return;
+    let rafId = null;
+    if (prevThreadIdRef.current !== threadId) {
+      prevThreadIdRef.current = threadId;
+      hasRestoredRef.current = false;
+    }
+    if (threadId && !hasRestoredRef.current) {
+      const saved = scrollStateByThread[threadId];
+      hasRestoredRef.current = true;
+      if (saved !== void 0 && !saved.wasEngaged) {
+        rafId = requestAnimationFrame(() => {
+          if (prevThreadIdRef.current !== threadId) return;
+          disengage?.();
+          scrollElement.scrollTop = saved.scrollTop;
+        });
+      } else {
+        engage?.();
+      }
+    }
+    return () => {
+      if (rafId !== null) {
+        cancelAnimationFrame(rafId);
+      }
+    };
+  }, [threadId, scrollElement, disengage, engage]);
+}
+const INSUFFICIENT_CREDITS_ERROR_CODE = "insufficient_credits";
+const HOST_AUTH_UNAVAILABLE_ERROR_CODE = "host_auth_unavailable";
+const PROVIDER_REFUSAL_ERROR_CODE = "provider_refusal";
+const HOST_AUTH_UNAVAILABLE_MESSAGE_PATTERN = /^(?:No credentials available - user needs to log in|Credentials still not valid after refresh|Failed to refresh credentials|Shortcut authentication is unavailable\. Please sign in again\.|ShortcutXL stream: (?:no access token available|token refresh failed|no access token after refresh|authentication refresh did not return a token) (?:-|—) please sign in again\.)$/i;
+function isHostAuthUnavailableErrorMessage(message) {
+  return message !== void 0 && HOST_AUTH_UNAVAILABLE_MESSAGE_PATTERN.test(message.trim());
+}
+const TERMINAL_MODEL_STREAM_ERROR_CODES = [
+  INSUFFICIENT_CREDITS_ERROR_CODE,
+  HOST_AUTH_UNAVAILABLE_ERROR_CODE,
+  PROVIDER_REFUSAL_ERROR_CODE,
+  "customer_credential_scope_required",
+  "customer_credential_resolution_failed",
+  "customer_credential_resolution_timeout",
+  "customer_credential_resolution_cancelled",
+  "customer_credential_unconfigured",
+  "unsupported_credential_mode",
+  "model_policy_rejected"
+];
+new Set(TERMINAL_MODEL_STREAM_ERROR_CODES);
 function CommandCenter() {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "empty-state command-center", "aria-labelledby": "command-center-heading", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { id: "command-center-heading", children: "Coming soon" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Schedule API jobs and monitor every run from submission through completion." })
   ] });
 }
+const PATH_DELIMITERS = /* @__PURE__ */ new Set([" ", "	", '"', "'", "="]);
+function findLastDelimiter(text2) {
+  for (let i = text2.length - 1; i >= 0; i -= 1) {
+    if (PATH_DELIMITERS.has(text2[i] ?? "")) return i;
+  }
+  return -1;
+}
+function findUnclosedQuoteStart(text2) {
+  let inQuotes = false;
+  let quoteStart = -1;
+  for (let i = 0; i < text2.length; i += 1) {
+    if (text2[i] === '"') {
+      inQuotes = !inQuotes;
+      if (inQuotes) quoteStart = i;
+    }
+  }
+  return inQuotes ? quoteStart : null;
+}
+function isTokenStart(text2, index2) {
+  return index2 === 0 || PATH_DELIMITERS.has(text2[index2 - 1] ?? "");
+}
+function extractQuotedPrefix(text2) {
+  const quoteStart = findUnclosedQuoteStart(text2);
+  if (quoteStart === null) return null;
+  if (quoteStart > 0 && text2[quoteStart - 1] === "@") {
+    if (!isTokenStart(text2, quoteStart - 1)) return null;
+    return text2.slice(quoteStart - 1);
+  }
+  if (!isTokenStart(text2, quoteStart)) return null;
+  return text2.slice(quoteStart);
+}
+function extractAtPrefix(text2) {
+  const quotedPrefix = extractQuotedPrefix(text2);
+  if (quotedPrefix?.startsWith('@"')) return quotedPrefix;
+  const lastDelimiterIndex = findLastDelimiter(text2);
+  const tokenStart = lastDelimiterIndex === -1 ? 0 : lastDelimiterIndex + 1;
+  return text2[tokenStart] === "@" ? text2.slice(tokenStart) : null;
+}
+function applyAutocompleteCompletion(lines, cursorLine, cursorCol, item, prefix) {
+  const currentLine = lines[cursorLine] || "";
+  const beforePrefix = currentLine.slice(0, cursorCol - prefix.length);
+  const afterCursor = currentLine.slice(cursorCol);
+  const isQuotedPrefix = prefix.startsWith('"') || prefix.startsWith('@"');
+  const adjustedAfterCursor = isQuotedPrefix && item.value.endsWith('"') && afterCursor.startsWith('"') ? afterCursor.slice(1) : afterCursor;
+  const isSlashCommand = prefix.startsWith("/") && !prefix.slice(1).includes("/") && (beforePrefix.trim() === "" || item.value.startsWith("skill:"));
+  if (isSlashCommand) {
+    const newLines2 = [...lines];
+    newLines2[cursorLine] = `${beforePrefix}/${item.value} ${adjustedAfterCursor}`;
+    return {
+      lines: newLines2,
+      cursorLine,
+      cursorCol: beforePrefix.length + item.value.length + 2
+    };
+  }
+  if (prefix.startsWith("@")) {
+    const isDirectory2 = item.label.endsWith("/");
+    const suffix = isDirectory2 ? "" : " ";
+    const newLines2 = [...lines];
+    newLines2[cursorLine] = `${beforePrefix + item.value}${suffix}${adjustedAfterCursor}`;
+    const cursorOffset2 = isDirectory2 && item.value.endsWith('"') ? item.value.length - 1 : item.value.length;
+    return {
+      lines: newLines2,
+      cursorLine,
+      cursorCol: beforePrefix.length + cursorOffset2 + suffix.length
+    };
+  }
+  const newLines = [...lines];
+  newLines[cursorLine] = beforePrefix + item.value + adjustedAfterCursor;
+  const isDirectory = item.label.endsWith("/");
+  const cursorOffset = isDirectory && item.value.endsWith('"') ? item.value.length - 1 : item.value.length;
+  return {
+    lines: newLines,
+    cursorLine,
+    cursorCol: beforePrefix.length + cursorOffset
+  };
+}
+function editorPosition(message, cursor) {
+  if (!Number.isInteger(cursor) || cursor < 0 || cursor > message.length) {
+    throw new Error("File mention cursor is outside the message");
+  }
+  const lines = message.split("\n");
+  const beforeCursor = message.slice(0, cursor).split("\n");
+  return {
+    cursorLine: beforeCursor.length - 1,
+    cursorCol: beforeCursor.at(-1)?.length ?? 0,
+    lines
+  };
+}
+function absoluteCursor(lines, cursorLine, cursorCol) {
+  return lines.slice(0, cursorLine).reduce((length, line2) => length + line2.length + 1, 0) + cursorCol;
+}
+function getFileMentionContext(message, cursor) {
+  const position2 = editorPosition(message, cursor);
+  const currentLine = position2.lines[position2.cursorLine] ?? "";
+  const prefix = extractAtPrefix(currentLine.slice(0, position2.cursorCol));
+  return prefix?.startsWith("@") ? { ...position2, prefix } : null;
+}
+function applyFileMentionCompletion(message, cursor, prefix, item) {
+  const position2 = editorPosition(message, cursor);
+  const completion = applyAutocompleteCompletion(
+    position2.lines,
+    position2.cursorLine,
+    position2.cursorCol,
+    item,
+    prefix
+  );
+  return {
+    message: completion.lines.join("\n"),
+    cursor: absoluteCursor(completion.lines, completion.cursorLine, completion.cursorCol)
+  };
+}
 function useOutsideDismiss(open, ref, onDismiss) {
   reactExports.useEffect(() => {
     if (!open) return;
@@ -12672,6 +12986,7 @@ function label$1(value) {
 }
 function Composer({
   disabled,
+  cwd: cwd2,
   streaming,
   statusText,
   commands,
@@ -12679,6 +12994,7 @@ function Composer({
   goalToggleRequest,
   permissionOpenRequest,
   onAbort,
+  onGetFileMentionSuggestions,
   onManageGoal,
   onModeChange,
   onPickAttachments,
@@ -12687,8 +13003,14 @@ function Composer({
   onSubmit
 }) {
   const [message, setMessage] = reactExports.useState("");
+  const [cursor, setCursor] = reactExports.useState(0);
   const [sending, setSending] = reactExports.useState(false);
   const [attachments, setAttachments] = reactExports.useState([]);
+  const [fileMentionSuggestions, setFileMentionSuggestions] = reactExports.useState(null);
+  const [selectedFileMentionIndex, setSelectedFileMentionIndex] = reactExports.useState(0);
+  const fileMentionRequest = reactExports.useRef(0);
+  const fileMentionMenu = reactExports.useRef(null);
+  const fileMentionMenuId = reactExports.useId();
   const [goalArmed, setGoalArmed] = reactExports.useState(false);
   const textarea = reactExports.useRef(null);
   const queuedMessages = snapshot ? [
@@ -12699,6 +13021,46 @@ function Composer({
   const commandMatches = commandQuery === void 0 ? [] : commands.filter((command) => command.name.toLowerCase().includes(commandQuery)).slice(0, 8);
   const contextPercent = snapshot?.contextUsage?.percent;
   const contextTone = contextPercent === null || contextPercent === void 0 ? "unknown" : contextPercent >= 75 ? "danger" : contextPercent >= 50 ? "warning" : "normal";
+  reactExports.useEffect(() => {
+    const requestId = ++fileMentionRequest.current;
+    const context = getFileMentionContext(message, cursor);
+    if (!cwd2 || disabled || !context) {
+      setFileMentionSuggestions(null);
+      return;
+    }
+    const timeout = window.setTimeout(() => {
+      void onGetFileMentionSuggestions({ cwd: cwd2, prefix: context.prefix }).then((suggestions) => {
+        if (fileMentionRequest.current !== requestId) return;
+        setFileMentionSuggestions(suggestions);
+        setSelectedFileMentionIndex(0);
+      }).catch(() => {
+        if (fileMentionRequest.current === requestId) setFileMentionSuggestions(null);
+      });
+    }, 60);
+    return () => window.clearTimeout(timeout);
+  }, [cursor, cwd2, disabled, message, onGetFileMentionSuggestions]);
+  reactExports.useEffect(() => {
+    const selectedOption = fileMentionMenu.current?.querySelector(
+      `[data-file-mention-index="${selectedFileMentionIndex}"]`
+    );
+    selectedOption?.scrollIntoView({ block: "nearest" });
+  }, [fileMentionSuggestions, selectedFileMentionIndex]);
+  const completeFileMention = (item) => {
+    if (!fileMentionSuggestions) return;
+    const completion = applyFileMentionCompletion(
+      message,
+      cursor,
+      fileMentionSuggestions.prefix,
+      item
+    );
+    setMessage(completion.message);
+    setCursor(completion.cursor);
+    setFileMentionSuggestions(null);
+    requestAnimationFrame(() => {
+      textarea.current?.focus();
+      textarea.current?.setSelectionRange(completion.cursor, completion.cursor);
+    });
+  };
   const submit = async () => {
     const value = message.trim();
     if (!value && attachments.length === 0 || disabled || sending) return;
@@ -12707,6 +13069,8 @@ function Composer({
       const succeeded = goalArmed && !value.startsWith("/") ? await onManageGoal("start", value) : await onSubmit(value, streaming ? "steer" : void 0, attachments);
       if (succeeded) {
         setMessage("");
+        setCursor(0);
+        setFileMentionSuggestions(null);
         setAttachments([]);
         if (goalArmed && !value.startsWith("/")) setGoalArmed(false);
         textarea.current?.focus();
@@ -12720,9 +13084,33 @@ function Composer({
     void submit();
   };
   const onKeyDown = (event) => {
+    const fileMentionItems = fileMentionSuggestions?.items ?? [];
+    if (fileMentionItems.length > 0) {
+      if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+        event.preventDefault();
+        const direction = event.key === "ArrowDown" ? 1 : -1;
+        setSelectedFileMentionIndex(
+          (index2) => (index2 + direction + fileMentionItems.length) % fileMentionItems.length
+        );
+        return;
+      }
+      if (event.key === "Escape") {
+        event.preventDefault();
+        setFileMentionSuggestions(null);
+        return;
+      }
+      if (event.key === "Tab" || event.key === "Enter" && !event.shiftKey) {
+        event.preventDefault();
+        const selected = fileMentionItems[selectedFileMentionIndex];
+        if (selected) completeFileMention(selected);
+        return;
+      }
+    }
     if (event.key === "Tab" && commandMatches.length > 0 && commandMatches[0].name.toLowerCase() !== commandQuery) {
       event.preventDefault();
-      setMessage(`/${commandMatches[0].name} `);
+      const completion = `/${commandMatches[0].name} `;
+      setMessage(completion);
+      setCursor(completion.length);
       return;
     }
     if (event.key === "Enter" && !event.shiftKey) {
@@ -12737,13 +13125,46 @@ function Composer({
       "data-thinking-level": snapshot?.thinkingLevel ?? "off",
       onSubmit: onFormSubmit,
       children: [
+        fileMentionSuggestions && fileMentionSuggestions.items.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            "aria-label": "File mentions",
+            className: "command-menu file-mention-menu",
+            "data-testid": "file-mention-menu",
+            id: fileMentionMenuId,
+            ref: fileMentionMenu,
+            role: "listbox",
+            children: fileMentionSuggestions.items.map((item, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "button",
+              {
+                "aria-selected": index2 === selectedFileMentionIndex,
+                className: index2 === selectedFileMentionIndex ? "selected" : void 0,
+                "data-file-mention-index": index2,
+                id: `${fileMentionMenuId}-option-${index2}`,
+                role: "option",
+                type: "button",
+                onMouseDown: (event) => event.preventDefault(),
+                onClick: () => completeFileMention(item),
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: item.label }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("small", { children: item.description ?? item.value }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("i", { children: item.label.endsWith("/") ? "folder" : "file" })
+                ]
+              },
+              item.value
+            ))
+          }
+        ),
         commandMatches.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "command-menu", "data-testid": "command-menu", role: "listbox", children: commandMatches.map((command) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "button",
           {
+            "aria-selected": false,
             role: "option",
             type: "button",
             onClick: () => {
-              setMessage(`/${command.name} `);
+              const completion = `/${command.name} `;
+              setMessage(completion);
+              setCursor(completion.length);
               textarea.current?.focus();
             },
             children: [
@@ -12799,13 +13220,20 @@ function Composer({
             "textarea",
             {
               ref: textarea,
+              "aria-activedescendant": fileMentionSuggestions?.items[selectedFileMentionIndex] ? `${fileMentionMenuId}-option-${selectedFileMentionIndex}` : void 0,
+              "aria-autocomplete": "list",
+              "aria-controls": fileMentionSuggestions?.items.length ? fileMentionMenuId : void 0,
               "aria-label": "Message Shortcut",
               placeholder: streaming ? "Steer the current turn…" : goalArmed ? "Describe the goal…" : "Ask Shortcut anything…",
               disabled,
               rows: 1,
               value: message,
-              onChange: (event) => setMessage(event.target.value),
-              onKeyDown
+              onChange: (event) => {
+                setMessage(event.target.value);
+                setCursor(event.target.selectionStart);
+              },
+              onKeyDown,
+              onSelect: (event) => setCursor(event.currentTarget.selectionStart)
             }
           )
         ] }),
@@ -12855,7 +13283,7 @@ function Composer({
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "composer-actions", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
               "button",
               {
                 "aria-label": "Attach files",
@@ -12870,7 +13298,24 @@ function Composer({
                     return [...byPath.values()];
                   });
                 },
-                children: "Attach"
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "svg",
+                    {
+                      "aria-hidden": "true",
+                      fill: "none",
+                      height: "12",
+                      stroke: "currentColor",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: "1.6",
+                      viewBox: "0 0 24 24",
+                      width: "12",
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M21.44 11.05 12.25 20.24a6 6 0 0 1-8.49-8.49l8.57-8.57a4 4 0 1 1 5.66 5.66l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" })
+                    }
+                  ),
+                  "Attach"
+                ]
               }
             ),
             streaming && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "stop-button", type: "button", onClick: () => void onAbort(), children: "Stop" }),
@@ -12881,7 +13326,24 @@ function Composer({
                 "aria-label": "Send message",
                 disabled: disabled || sending || !message.trim() && attachments.length === 0,
                 type: "submit",
-                children: "Send"
+                children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  "svg",
+                  {
+                    "aria-hidden": "true",
+                    fill: "none",
+                    height: "13",
+                    stroke: "currentColor",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: "2",
+                    viewBox: "0 0 24 24",
+                    width: "13",
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("polyline", { points: "9 10 4 15 9 20" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M20 4v7a4 4 0 0 1-4 4H4" })
+                    ]
+                  }
+                )
               }
             )
           ] })
@@ -25475,32 +25937,63 @@ function remarkGfm(options) {
   fromMarkdownExtensions.push(gfmFromMarkdown());
   toMarkdownExtensions.push(gfmToMarkdown(settings));
 }
-function safeExternalHref(href) {
+function safeMarkdownLink(href) {
   if (!href) return void 0;
   try {
     const url = new URL(href);
-    return url.protocol === "https:" || url.protocol === "http:" ? url.href : void 0;
+    if (url.protocol === "https:" || url.protocol === "http:") {
+      return { href: url.href, kind: "external" };
+    }
+    if (url.protocol === "file:") return { href: url.href, kind: "local-file" };
+    return void 0;
   } catch {
     return void 0;
   }
 }
+function markdownUrlTransform(url, key) {
+  if (key === "href") {
+    const link2 = safeMarkdownLink(url);
+    if (link2?.kind === "local-file") return link2.href;
+  }
+  return defaultUrlTransform(url);
+}
 function MarkdownLink({
   href,
   children,
+  onOpenLocalFile,
   ...props
 }) {
-  const safeHref = safeExternalHref(href);
-  if (!safeHref) return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("a", { ...props, href: safeHref, rel: "noreferrer noopener", target: "_blank", children });
+  const link2 = safeMarkdownLink(href);
+  if (!link2) return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children });
+  if (link2.kind === "local-file") {
+    if (!onOpenLocalFile) return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "a",
+      {
+        ...props,
+        href: link2.href,
+        onClick: (event) => {
+          event.preventDefault();
+          onOpenLocalFile(link2.href);
+        },
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("a", { ...props, href: link2.href, rel: "noreferrer noopener", target: "_blank", children });
 }
-function Markdown({ children }) {
+function Markdown({
+  children,
+  onOpenLocalFile
+}) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "markdown", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     Markdown$1,
     {
       remarkPlugins: [remarkGfm],
       skipHtml: true,
+      urlTransform: markdownUrlTransform,
       components: {
-        a: MarkdownLink,
+        a: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(MarkdownLink, { ...props, onOpenLocalFile }),
         input: ({ type, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx("input", { ...props, type, disabled: type === "checkbox" || props.disabled })
       },
       children
@@ -26169,7 +26662,8 @@ function ToolRun({
 function AssistantBlocks({
   message,
   context,
-  hideThinking
+  hideThinking,
+  onOpenLocalFile
 }) {
   const rendered = [];
   let pendingCalls = [];
@@ -26188,13 +26682,13 @@ function AssistantBlocks({
     flushCalls();
     if (block.type === "text" && block.text) {
       rendered.push(
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "assistant-text", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: block.text }) }, `text:${index2}`)
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "assistant-text", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { onOpenLocalFile, children: block.text }) }, `text:${index2}`)
       );
     } else if (!hideThinking && block.type === "thinking" && block.thinking) {
       rendered.push(
         /* @__PURE__ */ jsxRuntimeExports.jsxs("details", { className: "thinking", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("summary", { children: "Reasoning" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: block.thinking })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { onOpenLocalFile, children: block.thinking })
         ] }, `thinking:${index2}`)
       );
     }
@@ -26208,7 +26702,8 @@ function AssistantMessage({
   streaming,
   hideThinking,
   showMark,
-  continues
+  continues,
+  onOpenLocalFile
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "article",
@@ -26217,7 +26712,15 @@ function AssistantMessage({
       children: [
         showMark ? /* @__PURE__ */ jsxRuntimeExports.jsx("img", { className: "assistant-mark", src: assetUrl(mascotUrl), alt: "Shortcut" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "aria-hidden": true, className: "assistant-mark-spacer" }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "message-body", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(AssistantBlocks, { context, hideThinking, message }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            AssistantBlocks,
+            {
+              context,
+              hideThinking,
+              message,
+              onOpenLocalFile
+            }
+          ),
           streaming && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "stream-caret", "aria-label": "Streaming" })
         ] })
       ]
@@ -26277,7 +26780,8 @@ function Conversation({
   messages,
   streamingMessage,
   activities,
-  hideThinking
+  hideThinking,
+  onOpenLocalFile
 }) {
   const results = indexToolResults(messages);
   const visible = messages.filter(
@@ -26290,6 +26794,7 @@ function Conversation({
   ).map(toolCallFromActivity);
   const streamingBlocks = streamingMessage ? messageBlocks(streamingMessage) : [];
   const showStreamingMessage = streamingMessage?.role === "assistant" && (streamingBlocks.length === 0 || hasVisibleAssistantContent(streamingMessage, results, hideThinking));
+  const hasProse = (message) => messageText(message).trim().length > 0;
   let latestAssistantIndex = -1;
   if (!showStreamingMessage) {
     for (let index2 = visible.length - 1; index2 >= 0; index2 -= 1) {
@@ -26310,7 +26815,8 @@ function Conversation({
             message,
             context,
             hideThinking,
-            showMark: index2 === latestAssistantIndex,
+            showMark: index2 === latestAssistantIndex && hasProse(message),
+            onOpenLocalFile,
             continues: visible[index2 + 1]?.role === "assistant" || index2 === visible.length - 1 && showStreamingMessage
           },
           key
@@ -26324,13 +26830,15 @@ function Conversation({
         message: streamingMessage,
         context,
         hideThinking,
-        showMark: true,
+        showMark: hasProse(streamingMessage),
+        onOpenLocalFile,
         streaming: true
       }
     ),
     orphanCalls.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolRun, { calls: orphanCalls, context })
   ] });
 }
+const wordmarkUrl = "" + new URL("shortcutagent-DxFsGSkw.png", import.meta.url).href;
 const COMMANDS = [
   ["/resume", "Browse sessions"],
   ["/model", "Choose model"],
@@ -26350,6 +26858,22 @@ function EmptyConversation({
   const runtimeAccess = snapshot.permissions.runtimeBypass ? "Full access" : "Approval required";
   const spreadsheetAccess = snapshot.permissions.spreadsheetAutoApprove ? "Spreadsheet edits auto-approved" : "Spreadsheet edits ask first";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "empty-state runtime-dashboard", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("header", { className: "empty-hero", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "empty-hero-brand", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("img", { alt: "", "aria-hidden": "true", className: "hero-mascot", src: assetUrl(mascotUrl) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("img", { alt: "SHORTCUT", className: "hero-wordmark", src: assetUrl(wordmarkUrl) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "aria-hidden": "true", className: "hero-spark", children: "✕" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "empty-hero-tagline", children: "A Fundamental Research Labs Product" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "empty-hero-version", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+          "v",
+          "0.3.78"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "·" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: "https://www.shortcut.ai/changelog", rel: "noopener noreferrer", target: "_blank", children: "See what's new" })
+      ] })
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { "aria-labelledby": "runtime-environment-heading", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("header", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { id: "runtime-environment-heading", children: "Environment" }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "environment-list", children: [
@@ -26370,7 +26894,7 @@ function EmptyConversation({
             onClick: () => void onSubmit("/settings"),
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: "Workspace" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: snapshot.session.cwd })
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "path-tail", children: snapshot.session.cwd })
             ]
           }
         ),
@@ -26540,7 +27064,6 @@ function InteractionPanel({
 }
 const MODES = /* @__PURE__ */ new Set(["action", "plan", "ask", "manage"]);
 const UNAVAILABLE_NATIVE_COMMANDS = /* @__PURE__ */ new Set([
-  "collab",
   "compact",
   "copy",
   "download-skills",
@@ -26574,11 +27097,13 @@ function parseNativeCommand(input) {
     case "resume":
       return { kind: "native", command: { type: "open_sessions" } };
     case "session":
-    case "settings":
-    case "login":
-    case "logout":
     case "agents":
       return { kind: "native", command: { type: "open_session" } };
+    case "login":
+      return { kind: "native", command: { type: "start_login" } };
+    case "settings":
+    case "logout":
+      return { kind: "native", command: { type: "open_general" } };
     case "skills":
       return { kind: "native", command: { type: "open_skills" } };
     case "permissions":
@@ -26868,6 +27393,7 @@ function SessionPanel({
   snapshot,
   tab: tab2,
   busy,
+  focusAccountsRequest = 0,
   onTabChange,
   onClose,
   onRename,
@@ -26882,6 +27408,12 @@ function SessionPanel({
   onReloadResources,
   onSetWorkspaceRoots
 }) {
+  const accountsRef = reactExports.useRef(null);
+  reactExports.useEffect(() => {
+    if (focusAccountsRequest > 0) {
+      accountsRef.current?.scrollIntoView({ block: "start" });
+    }
+  }, [focusAccountsRequest]);
   const [name2, setName] = reactExports.useState(snapshot.session.name ?? "");
   const [workspaceRoot, setWorkspaceRoot] = reactExports.useState("");
   const [skillFilter, setSkillFilter] = reactExports.useState("all");
@@ -26962,11 +27494,21 @@ function SessionPanel({
         /* @__PURE__ */ jsxRuntimeExports.jsxs("header", { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { children: "Settings" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Configure this local Shortcut session." })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: tab2 === "general" ? "Account and app-wide preferences." : "Configure this local Shortcut session." })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("button", { "aria-label": "Close settings", type: "button", onClick: onClose, children: "Close" })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("nav", { "aria-label": "Settings sections", className: "settings-tabs", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              "aria-selected": tab2 === "general",
+              role: "tab",
+              type: "button",
+              onClick: () => onTabChange("general"),
+              children: "General"
+            }
+          ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
@@ -27052,6 +27594,80 @@ function SessionPanel({
               ] }, `${skill.source}:${skill.name}`);
             }) })
           ] })
+        ] }) : tab2 === "general" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "settings-list", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Toggle,
+              {
+                checked: snapshot.settings.telemetry,
+                description: "Upload conversation diagnostics to improve Shortcut.",
+                disabled: busy,
+                label: "Conversation diagnostics",
+                testId: "telemetry-toggle",
+                onChange: (enabled) => onSetSetting("telemetry", enabled)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Toggle,
+              {
+                checked: snapshot.settings.durableMemory,
+                description: "Allow the background memory agent to retain useful context.",
+                disabled: busy,
+                label: "Durable memory",
+                testId: "durable-memory-toggle",
+                onChange: (enabled) => onSetSetting("durableMemory", enabled)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Toggle,
+              {
+                checked: snapshot.settings.devMode,
+                description: "Load development resources and diagnostics next session.",
+                disabled: busy,
+                label: "Developer mode",
+                testId: "dev-mode-toggle",
+                onChange: (enabled) => onSetSetting("devMode", enabled)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "section",
+            {
+              className: "auth-settings",
+              "aria-labelledby": "auth-settings-heading",
+              ref: accountsRef,
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { id: "auth-settings-heading", children: "Accounts" }),
+                snapshot.auth.activeLogin && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "active-login", "data-testid": "active-login", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: snapshot.auth.activeLogin.providerName }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: snapshot.auth.activeLogin.progress ?? snapshot.auth.activeLogin.instructions ?? "Complete login in your browser." }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                    snapshot.auth.activeLogin.url && /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: snapshot.auth.activeLogin.url, target: "_blank", rel: "noreferrer", children: "Open browser" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { disabled: busy, type: "button", onClick: () => void onCancelLogin(), children: "Cancel" })
+                  ] })
+                ] }),
+                snapshot.auth.providers.length === 0 && !snapshot.auth.activeLogin && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "auth-provider", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Shortcut" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("small", { children: "Authentication is unavailable in this runtime." })
+                ] }) }),
+                snapshot.auth.providers.map((provider) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "auth-provider", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: provider.name }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("small", { children: provider.loggedIn ? "Logged in" : "Not logged in" })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "button",
+                    {
+                      disabled: busy || Boolean(snapshot.auth.activeLogin),
+                      type: "button",
+                      onClick: () => void (provider.loggedIn ? onLogout(provider.id) : onLogin(provider.id)),
+                      children: provider.loggedIn ? "Log out" : "Log in"
+                    }
+                  )
+                ] }, provider.id))
+              ]
+            }
+          )
         ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { className: "rename-form", onSubmit: rename, children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: "session-name", children: "Name" }),
@@ -27093,52 +27709,17 @@ function SessionPanel({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "settings-list", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Toggle,
-              {
-                checked: snapshot.settings.hideThinking,
-                description: "Hide model reasoning blocks from the transcript.",
-                disabled: busy,
-                label: "Hide reasoning",
-                testId: "hide-thinking-toggle",
-                onChange: (enabled) => onSetSetting("hideThinking", enabled)
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Toggle,
-              {
-                checked: snapshot.settings.telemetry,
-                description: "Upload conversation diagnostics to improve Shortcut.",
-                disabled: busy,
-                label: "Conversation diagnostics",
-                testId: "telemetry-toggle",
-                onChange: (enabled) => onSetSetting("telemetry", enabled)
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Toggle,
-              {
-                checked: snapshot.settings.durableMemory,
-                description: "Allow the background memory agent to retain useful context.",
-                disabled: busy,
-                label: "Durable memory",
-                testId: "durable-memory-toggle",
-                onChange: (enabled) => onSetSetting("durableMemory", enabled)
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Toggle,
-              {
-                checked: snapshot.settings.devMode,
-                description: "Load development resources and diagnostics next session.",
-                disabled: busy,
-                label: "Developer mode",
-                testId: "dev-mode-toggle",
-                onChange: (enabled) => onSetSetting("devMode", enabled)
-              }
-            )
-          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "settings-list", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Toggle,
+            {
+              checked: snapshot.settings.hideThinking,
+              description: "Hide model reasoning blocks from the transcript.",
+              disabled: busy,
+              label: "Hide reasoning",
+              testId: "hide-thinking-toggle",
+              onChange: (enabled) => onSetSetting("hideThinking", enabled)
+            }
+          ) }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "section",
             {
@@ -27194,49 +27775,12 @@ function SessionPanel({
               ]
             }
           ),
-          snapshot.auth.providers.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "auth-settings", "aria-labelledby": "auth-settings-heading", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { id: "auth-settings-heading", children: "Accounts" }),
-            snapshot.auth.activeLogin && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "active-login", "data-testid": "active-login", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: snapshot.auth.activeLogin.providerName }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: snapshot.auth.activeLogin.progress ?? snapshot.auth.activeLogin.instructions ?? "Complete login in your browser." }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-                snapshot.auth.activeLogin.url && /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: snapshot.auth.activeLogin.url, target: "_blank", rel: "noreferrer", children: "Open browser" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("button", { disabled: busy, type: "button", onClick: () => void onCancelLogin(), children: "Cancel" })
-              ] })
-            ] }),
-            snapshot.auth.providers.map((provider) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "auth-provider", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: provider.name }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("small", { children: provider.loggedIn ? "Logged in" : "Not logged in" })
-              ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "button",
-                {
-                  disabled: busy || Boolean(snapshot.auth.activeLogin),
-                  type: "button",
-                  onClick: () => void (provider.loggedIn ? onLogout(provider.id) : onLogin(provider.id)),
-                  children: provider.loggedIn ? "Log out" : "Log in"
-                }
-              )
-            ] }, provider.id))
-          ] }),
           snapshot.pendingMessageCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "queue-summary", "data-testid": "queue-summary", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
               snapshot.pendingMessageCount,
               " queued message(s)"
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("button", { disabled: busy, type: "button", onClick: () => void onClearQueue(), children: "Clear queue" })
-          ] }),
-          snapshot.collaboration.roomId && /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "collab-settings", "aria-labelledby": "collab-settings-heading", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { id: "collab-settings-heading", children: "Collaboration" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
-              "Room ",
-              /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: snapshot.collaboration.roomId }),
-              " ·",
-              " ",
-              snapshot.collaboration.connected ? "connected" : "disconnected"
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: snapshot.collaboration.peers.map((peer) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: peer.displayName }, peer.id)) })
           ] })
         ] }) }),
         tab2 === "session" && /* @__PURE__ */ jsxRuntimeExports.jsx("footer", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("button", { disabled: busy, type: "button", onClick: () => void onExport(), children: "Export HTML" }) })
@@ -27286,7 +27830,9 @@ function SessionsSidebar({
   onDeleteAll,
   onOpen,
   onOpenCommandCenter,
-  onThemeChange
+  onThemeChange,
+  account,
+  onOpenGeneralSettings
 }) {
   const [sessions, setSessions] = reactExports.useState([]);
   const [status, setStatus] = reactExports.useState("loading");
@@ -27460,7 +28006,28 @@ function SessionsSidebar({
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeSwitch, { themeId, onChange: onThemeChange })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeSwitch, { themeId, onChange: onThemeChange }),
+    onOpenGeneralSettings && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        className: "sidebar-account",
+        "data-testid": "sidebar-settings-button",
+        type: "button",
+        onClick: onOpenGeneralSettings,
+        children: "Settings"
+      }
+    ),
+    account && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        className: `sidebar-account ${account.loggedIn ? "" : "logged-out"}`,
+        "data-testid": "sidebar-account-button",
+        disabled: account.disabled,
+        type: "button",
+        onClick: account.onClick,
+        children: account.label
+      }
+    )
   ] });
 }
 function ConnectingSidebar({
@@ -28236,6 +28803,10 @@ function useAgentHost() {
   );
   const pickAttachments = reactExports.useCallback(() => window.shortcut.agent.pickAttachments(), []);
   const openFolder = reactExports.useCallback((path2) => window.shortcut.agent.openFolder(path2), []);
+  const openLocalFile = reactExports.useCallback(
+    (href) => request({ type: "open_local_file", href }),
+    [request]
+  );
   const login = reactExports.useCallback(
     async (providerId) => {
       await request({ type: "login", providerId });
@@ -28291,12 +28862,6 @@ function useAgentHost() {
     },
     [request]
   );
-  const sendCollabMessage = reactExports.useCallback(
-    async (message) => {
-      await request({ type: "send_collab_message", message });
-    },
-    [request]
-  );
   return {
     connection,
     hosts: Object.entries(state.hosts).map(([hostId, view]) => ({ hostId, view })),
@@ -28321,6 +28886,7 @@ function useAgentHost() {
     getCommands,
     pickAttachments,
     openFolder,
+    openLocalFile,
     login,
     cancelLogin,
     logout,
@@ -28332,7 +28898,6 @@ function useAgentHost() {
     manageGoal,
     abortAgentTask,
     messageAgentTask,
-    sendCollabMessage,
     refreshSnapshot
   };
 }
@@ -28389,13 +28954,15 @@ function App({ initialThemeId: initialThemeId2 }) {
   const [activeSurface, setActiveSurface] = reactExports.useState("chat");
   const [interactionWaiting, setInteractionWaiting] = reactExports.useState(false);
   const [localError, setLocalError] = reactExports.useState();
-  const [dismissedNoticeId, setDismissedNoticeId] = reactExports.useState();
+  const [dismissedNoticeKey, setDismissedNoticeKey] = reactExports.useState();
   const [settingsTab, setSettingsTab] = reactExports.useState();
+  const [accountsFocusRequest, setAccountsFocusRequest] = reactExports.useState(0);
   const [goalToggleRequest, setGoalToggleRequest] = reactExports.useState(0);
   const [permissionOpenRequest, setPermissionOpenRequest] = reactExports.useState(0);
   const [sessionActionBusy, setSessionActionBusy] = reactExports.useState(false);
   const [localStatus, setLocalStatus] = reactExports.useState();
   const [commands, setCommands] = reactExports.useState([]);
+  const autoScroll = useAutoScroll();
   const run = async (operation) => {
     setLocalError(void 0);
     setLocalStatus(void 0);
@@ -28409,8 +28976,16 @@ function App({ initialThemeId: initialThemeId2 }) {
   };
   const ready = agent.connection.status === "ready" ? agent.connection : void 0;
   const view = ready?.view;
+  const activeChatKey = activeSurface === "chat" && ready && view ? `${ready.hostId}:${view.snapshot.session.id}` : void 0;
+  useScrollPositionByThread({
+    threadId: activeChatKey ?? null,
+    scrollElement: autoScroll.scrollElement,
+    isEngaged: autoScroll.isEngaged,
+    disengage: autoScroll.disengage,
+    engage: autoScroll.engage
+  });
   const newestNotice = view?.notices.at(-1);
-  const latestNotice = newestNotice?.id === dismissedNoticeId ? void 0 : newestNotice;
+  const latestNotice = newestNotice && `${ready?.hostId ?? ""}:${newestNotice.id}` === dismissedNoticeKey ? void 0 : newestNotice;
   const activeInteraction = view?.pendingInteractions[0];
   const canStartNewChat = Boolean(ready);
   const liveSessions = agent.hosts.map(({ hostId, view: hostView }) => ({
@@ -28495,6 +29070,12 @@ function App({ initialThemeId: initialThemeId2 }) {
       case "new_session":
         await agent.newSession();
         return;
+      case "start_login":
+        openLogin();
+        return;
+      case "open_general":
+        setSettingsTab("general");
+        return;
       case "open_session":
         setSettingsTab("session");
         return;
@@ -28567,14 +29148,15 @@ function App({ initialThemeId: initialThemeId2 }) {
     }
   };
   const submitMessage = async (message, streamingBehavior, attachments) => {
+    const prompt = (operation) => {
+      if (activeChatKey !== void 0) autoScroll.engage();
+      return run(operation);
+    };
     if (attachments.length === 0) {
-      if (message.trim().startsWith(":")) {
-        return run(() => agent.sendCollabMessage(message.trim().slice(1)));
-      }
       const commandName = message.trim().startsWith("/") ? message.trim().slice(1).split(/\s/, 1)[0].toLowerCase() : void 0;
       const commandMetadata = commandName ? commands.find((command) => command.name.toLowerCase() === commandName) : void 0;
       if (commandMetadata && commandMetadata.source !== "builtin") {
-        return run(() => agent.prompt(message, { streamingBehavior }));
+        return prompt(() => agent.prompt(message, { streamingBehavior }));
       }
       const parsed = parseNativeCommand(message);
       if (parsed.kind === "invalid") {
@@ -28583,13 +29165,13 @@ function App({ initialThemeId: initialThemeId2 }) {
       }
       if (parsed.kind === "native") return run(() => executeNativeCommand(parsed.command));
       if (parsed.kind === "prompt_command") {
-        return run(() => agent.prompt(message, { streamingBehavior }));
+        return prompt(() => agent.prompt(message, { streamingBehavior }));
       }
       if (parsed.kind === "runtime_command") {
         return run(() => agent.executeCommand(message));
       }
     }
-    return run(
+    return prompt(
       () => agent.prompt(message, {
         streamingBehavior,
         images: attachments.flatMap((attachment) => attachment.image ? [attachment.image] : []),
@@ -28597,10 +29179,63 @@ function App({ initialThemeId: initialThemeId2 }) {
       })
     );
   };
+  const shortcutAuth = view?.snapshot.auth.providers.find((provider) => provider.id === "shortcut");
+  const noticeText = localError ?? localStatus ?? latestNotice?.message ?? "";
+  const authNotice = /\blog in to shortcut\b/i.test(noticeText) || isHostAuthUnavailableErrorMessage(noticeText);
+  const needsLogin = Boolean(view && (shortcutAuth && !shortcutAuth.loggedIn || authNotice));
+  const openAccounts = () => {
+    setSettingsTab("general");
+    setAccountsFocusRequest((request) => request + 1);
+  };
+  const loginInitiated = reactExports.useRef(false);
+  const activeLoginUrl = view?.snapshot.auth.activeLogin?.url;
+  const lastOpenedLoginUrl = reactExports.useRef(void 0);
+  reactExports.useEffect(() => {
+    if (!loginInitiated.current) return;
+    if (activeLoginUrl && activeLoginUrl !== lastOpenedLoginUrl.current) {
+      lastOpenedLoginUrl.current = activeLoginUrl;
+      window.open(activeLoginUrl, "_blank", "noopener");
+    }
+    if (!view?.snapshot.auth.activeLogin) {
+      loginInitiated.current = false;
+      lastOpenedLoginUrl.current = void 0;
+    }
+  }, [activeLoginUrl, view?.snapshot.auth.activeLogin]);
+  reactExports.useEffect(() => {
+    if (!latestNotice || latestNotice.level === "error" || authNotice) return;
+    const key = `${ready?.hostId ?? ""}:${latestNotice.id}`;
+    const timer = window.setTimeout(() => setDismissedNoticeKey(key), 5e3);
+    return () => window.clearTimeout(timer);
+  }, [latestNotice, authNotice, ready?.hostId]);
+  const openLogin = () => {
+    if (view?.snapshot.auth.activeLogin) {
+      openAccounts();
+      return;
+    }
+    loginInitiated.current = true;
+    void runSessionAction(() => agent.login("shortcut"));
+  };
+  const openLocalFile = async (href) => {
+    setLocalError(void 0);
+    setLocalStatus(void 0);
+    try {
+      const result = await agent.openLocalFile(href);
+      setLocalStatus(`Opened ${result.path}`);
+    } catch (error) {
+      setLocalError(error instanceof Error ? error.message : String(error));
+    }
+  };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "app-shell", children: [
     ready && view ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       SessionsSidebar,
       {
+        account: view ? needsLogin ? {
+          label: "Log in",
+          loggedIn: false,
+          disabled: sessionActionBusy,
+          onClick: openLogin
+        } : { label: "Log out", loggedIn: true, disabled: false, onClick: openAccounts } : void 0,
+        onOpenGeneralSettings: view ? () => setSettingsTab("general") : void 0,
         activeSessionId: view.snapshot.session.id,
         activeSessionName: view.snapshot.session.name,
         commandCenterActive: activeSurface === "command-center",
@@ -28658,6 +29293,16 @@ function App({ initialThemeId: initialThemeId2 }) {
           ] }) }),
           (localError || localStatus || latestNotice) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `notice ${localError && "error" || latestNotice?.level || ""}`, children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: localError ?? localStatus ?? latestNotice?.message }),
+            authNotice && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                className: "notice-login",
+                disabled: sessionActionBusy,
+                type: "button",
+                onClick: openLogin,
+                children: "Log in"
+              }
+            ),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "button",
               {
@@ -28665,38 +29310,60 @@ function App({ initialThemeId: initialThemeId2 }) {
                 onClick: () => {
                   setLocalError(void 0);
                   setLocalStatus(void 0);
-                  if (latestNotice) setDismissedNoticeId(latestNotice.id);
+                  if (latestNotice)
+                    setDismissedNoticeKey(`${ready?.hostId ?? ""}:${latestNotice.id}`);
                 },
                 children: "Dismiss"
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: `conversation ${activeSurface === "command-center" ? "command-center-conversation" : ""}`,
-              children: activeSurface === "command-center" ? /* @__PURE__ */ jsxRuntimeExports.jsx(CommandCenter, {}) : agent.connection.status === "failed" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "empty-state error", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { children: "Runtime failed to start" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: agent.connection.message }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "primary", type: "button", onClick: agent.restart, children: "Retry connection" })
-              ] }) : view && (view.messages.length > 0 || view.streamingMessage) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Conversation,
-                {
-                  messages: view.messages,
-                  streamingMessage: view.streamingMessage,
-                  activities: view.toolActivities,
-                  hideThinking: view.snapshot.settings.hideThinking
-                }
-              ) : view ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                EmptyConversation,
-                {
-                  disabled: false,
-                  snapshot: view.snapshot,
-                  onSubmit: (message) => submitMessage(message, void 0, [])
-                }
-              ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "empty-state runtime-starting", children: "Starting local runtime…" })
-            }
-          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "conversation-frame", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "div",
+              {
+                ref: autoScroll.scrollRef,
+                className: `conversation ${activeSurface === "command-center" ? "command-center-conversation" : ""}`,
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "div",
+                  {
+                    ref: activeSurface === "chat" ? autoScroll.contentRef : void 0,
+                    className: "conversation-content",
+                    children: activeSurface === "command-center" ? /* @__PURE__ */ jsxRuntimeExports.jsx(CommandCenter, {}) : agent.connection.status === "failed" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "empty-state error", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { children: "Runtime failed to start" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: agent.connection.message }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "primary", type: "button", onClick: agent.restart, children: "Retry connection" })
+                    ] }) : view && (view.messages.length > 0 || view.streamingMessage) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      Conversation,
+                      {
+                        messages: view.messages,
+                        streamingMessage: view.streamingMessage,
+                        activities: view.toolActivities,
+                        hideThinking: view.snapshot.settings.hideThinking,
+                        onOpenLocalFile: (href) => void openLocalFile(href)
+                      }
+                    ) : view ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      EmptyConversation,
+                      {
+                        disabled: false,
+                        snapshot: view.snapshot,
+                        onSubmit: (message) => submitMessage(message, void 0, [])
+                      }
+                    ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "empty-state runtime-starting", children: "Starting local runtime…" })
+                  }
+                )
+              }
+            ),
+            activeSurface === "chat" && !autoScroll.isAtBottom && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                "aria-label": "Scroll to bottom",
+                className: "scroll-to-bottom",
+                type: "button",
+                onClick: autoScroll.scrollToBottom,
+                children: "↓"
+              }
+            )
+          ] }),
           activeSurface === "chat" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "footer-stack", children: [
             view && /* @__PURE__ */ jsxRuntimeExports.jsx(
               SubagentsPanel,
@@ -28730,6 +29397,7 @@ function App({ initialThemeId: initialThemeId2 }) {
               Composer,
               {
                 commands,
+                cwd: view?.snapshot.session.cwd,
                 disabled: !ready,
                 goalToggleRequest,
                 snapshot: view?.snapshot,
@@ -28737,6 +29405,7 @@ function App({ initialThemeId: initialThemeId2 }) {
                 streaming: view?.snapshot.isStreaming ?? false,
                 statusText: view?.statusText,
                 onAbort: () => run(agent.abort),
+                onGetFileMentionSuggestions: window.shortcut.agent.getFileMentionSuggestions,
                 onManageGoal: (action, objective) => run(() => agent.manageGoal(action, objective)),
                 onModeChange: (mode) => runSessionAction(() => agent.setMode(mode)),
                 onPickAttachments: agent.pickAttachments,
@@ -28753,6 +29422,7 @@ function App({ initialThemeId: initialThemeId2 }) {
       SessionPanel,
       {
         busy: sessionActionBusy,
+        focusAccountsRequest: accountsFocusRequest,
         snapshot: view.snapshot,
         tab: settingsTab,
         onClearQueue: () => runSessionAction(agent.clearQueue),