@qredence/fleet 0.6.4 → 0.6.5

package/dist/web/server/{routes-Dn-deuPY-MDXEQXRU.js → routes-i2Ai-ZwX-SMSFONDQ.js}

@@ -28,7 +28,7 @@ import {
   useMutation,
   useQuery,
   useQueryClient
-} from "./chunk-4B2PJSK5.js";
+} from "./chunk-5TXDGMCK.js";
 import {
   Gauge
 } from "./chunk-VCQ65B3G.js";
@@ -36,7 +36,7 @@ import {
   Library,
   RIGHT_PANEL_LAUNCHER_DEFINITIONS,
   getRightPanelDefinition
-} from "./chunk-2GQATGF4.js";
+} from "./chunk-N47UN47Y.js";
 import {
   ArrowLeft,
   ProviderBrandIcon,
@@ -50,17 +50,6 @@ import {
 import {
   Pencil
 } from "./chunk-LOFZS555.js";
-import {
-  CHAT_COLUMN_CLASS,
-  CHAT_HEADER_LAYER_CLASS,
-  CHROME_PILL_ACTIVE_CLASS,
-  CHROME_PILL_CLASS,
-  CHROME_PILL_INACTIVE_CLASS,
-  COMPOSER_ADD_BUTTON_CLASS,
-  HIT_AREA_EXPAND_DENSE_CLASS,
-  PANEL_OVERLAY_CLASS,
-  SUGGESTION_ITEM_CLASS
-} from "./chunk-CIE2PLNB.js";
 import {
   Plus,
   RightPanelProvider,
@@ -70,10 +59,11 @@ import {
 import {
   INITIAL_EDITING_STATE,
   PromptInput,
+  ghostPaintText,
   resolveInlineCompletion,
   sameEditingState,
   spliceCompletion
-} from "./chunk-NHZRY22Z.js";
+} from "./chunk-SOZKLVNI.js";
 import "./chunk-X37KO4BO.js";
 import {
   ChevronLeft,
@@ -90,7 +80,7 @@ import {
   groupMessages,
   normalizeAssistantToolParts,
   orderedRlmChildren
-} from "./chunk-JLGBOCFM.js";
+} from "./chunk-ELRLMFHT.js";
 import {
   RefreshCw
 } from "./chunk-NZ5YXXQ5.js";
@@ -98,6 +88,18 @@ import {
   notify
 } from "./chunk-UIUZ4ETR.js";
 import "./chunk-VHLBXWEN.js";
+import {
+  CHAT_COLUMN_CLASS,
+  CHAT_HEADER_LAYER_CLASS,
+  CHROME_PILL_ACTIVE_CLASS,
+  CHROME_PILL_CLASS,
+  CHROME_PILL_INACTIVE_CLASS,
+  COMPOSER_ADD_BUTTON_CLASS,
+  HIT_AREA_EXPAND_CLASS,
+  HIT_AREA_EXPAND_DENSE_CLASS,
+  PANEL_OVERLAY_CLASS,
+  SUGGESTION_ITEM_CLASS
+} from "./chunk-PX7B5BTI.js";
 import {
   Bot
 } from "./chunk-3OOZPQZF.js";
@@ -120,9 +122,6 @@ import {
 import {
   Sparkles
 } from "./chunk-DIVIHC5K.js";
-import {
-  Terminal
-} from "./chunk-GNDXVFJY.js";
 import {
   CHROME_MOBILE_MAX_WIDTH_QUERY,
   DESKTOP_PANEL_ONLY,
@@ -152,6 +151,7 @@ import {
 } from "./chunk-GR765UTQ.js";
 import "./chunk-RWYAKZCZ.js";
 import {
+  DISCORD_URL,
   DOCUMENTATION_URL,
   EMPTY_PROJECTS,
   EXPANDED_PROJECTS_STORAGE_KEY,
@@ -160,6 +160,7 @@ import {
   NEW_SESSION_PREFIX,
   PROJECT_PREFIX,
   SESSION_PREFIX,
+  TWITTER_URL,
   directoryErrorMessage,
   idValue,
   newSessionResourceId,
@@ -169,7 +170,7 @@ import {
   sessionLabel,
   sessionResourceId,
   sessionSearchGroup
-} from "./chunk-ONWT54IL.js";
+} from "./chunk-BS4D5LRR.js";
 import "./chunk-7LUHWO5G.js";
 import {
   Search
@@ -457,7 +458,7 @@ import "./chunk-RPWKCJHL.js";
 import "./chunk-L547YHC4.js";
 import "./chunk-MLKGABMK.js";
 
-// web/app/dist/server/assets/routes-Dn-deuPY.js
+// web/app/dist/server/assets/routes-i2Ai-ZwX.js
 import * as React$1 from "react";
 import { Suspense, createContext as createContext2, createElement, forwardRef as forwardRef2, isValidElement, lazy, memo, useCallback as useCallback2, useContext as useContext2, useEffect as useEffect2, useEffectEvent, useId, useLayoutEffect, useMemo as useMemo2, useReducer, useRef as useRef2, useState as useState2, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -3381,7 +3382,7 @@ function MobilePanel({ children, dataTestid, headerActions, icon: Icon, onClose,
   return /* @__PURE__ */ jsx("dialog", {
     ref: panelRef,
     "data-testid": dataTestid,
-    className: `fixed top-[var(--chat-chrome-top)] right-3 bottom-3 m-0 ${PANEL_OVERLAY_CLASS} backdrop:bg-black/20 ${DESKTOP_PANEL_ONLY}`,
+    className: `fixed top-[var(--chat-chrome-top)] left-auto m-0 max-h-[calc(100dvh-var(--chat-chrome-top)-max(0.75rem,env(safe-area-inset-bottom)))] h-[calc(100dvh-var(--chat-chrome-top)-max(0.75rem,env(safe-area-inset-bottom)))] [inset-inline-start:auto] [inset-inline-end:max(0.75rem,env(safe-area-inset-right))] ${PANEL_OVERLAY_CLASS} backdrop:bg-black/20 ${DESKTOP_PANEL_ONLY}`,
     "aria-labelledby": panelTitleId,
     onClose: () => {
       if (suppressCloseRef.current) {
@@ -4154,7 +4155,7 @@ function Popover({ trigger, children, contentId, open, defaultOpen, onOpenChange
       isValidElement(trigger) ? /* @__PURE__ */ jsx(PopoverTrigger2, {
         render: trigger,
         "aria-controls": popupId,
-        className: "inline-flex"
+        className: "inline-flex items-center"
       }) : /* @__PURE__ */ jsx(PopoverTrigger2, {
         render: /* @__PURE__ */ jsx(Button, {
           type: "button",
@@ -4162,7 +4163,7 @@ function Popover({ trigger, children, contentId, open, defaultOpen, onOpenChange
           children: trigger
         }),
         "aria-controls": popupId,
-        className: "inline-flex"
+        className: "inline-flex items-center"
       }),
       overlay && resolvedOpen ? /* @__PURE__ */ jsx("div", {
         className: "fixed inset-0 z-40 bg-black/20",
@@ -4418,6 +4419,7 @@ function MarqueeLabel({ active, children }) {
   return /* @__PURE__ */ jsx("span", {
     ref: viewportRef,
     className: "block min-w-0 flex-1 overflow-hidden",
+    title: children,
     children: /* @__PURE__ */ jsxs(m.span, {
       className: "flex w-max items-center gap-6 whitespace-nowrap",
       animate: { x: running ? [0, -distance] : 0 },
@@ -4487,7 +4489,7 @@ function ResourceActionMenu({ item, menuOpen, onMenuOpenChange, onRenameStart, r
       onMenuOpenChange(false);
       onRenameStart();
     },
-    className: "flex h-8 w-full items-center gap-2 rounded-lg px-2.5 text-left text-xs text-foreground outline-none transition-colors hover:bg-muted focus-visible:bg-muted focus-visible:ring-2 focus-visible:ring-ring",
+    className: "flex h-8 w-full items-center gap-2 rounded-lg px-2.5 text-start text-xs text-foreground outline-none transition-colors hover:bg-muted focus-visible:bg-muted focus-visible:ring-2 focus-visible:ring-ring",
     children: [/* @__PURE__ */ jsx(Pencil, {
       "aria-hidden": "true",
       className: "size-3.5"
@@ -4499,11 +4501,11 @@ function ResourceActionMenu({ item, menuOpen, onMenuOpenChange, onRenameStart, r
     children: [/* @__PURE__ */ jsx(PopoverTrigger2, { render: /* @__PURE__ */ jsx(Button, {
       type: "button",
       variant: "ghost",
-      size: "icon-sm",
+      size: "icon",
       draggable: false,
       "aria-label": `Actions for ${item.label}`,
       onClick: (event) => event.stopPropagation(),
-      className: "size-7 shrink-0 opacity-0 outline-none transition-opacity hover:bg-foreground/5 focus-visible:opacity-100 group-hover/resource:opacity-100 group-data-[menu-open=true]/resource:opacity-100",
+      className: "size-8 shrink-0 opacity-0 outline-none transition-opacity hover:bg-foreground/5 focus-visible:opacity-100 group-hover/resource:opacity-100 group-data-[menu-open=true]/resource:opacity-100",
       children: /* @__PURE__ */ jsx(Ellipsis, {
         "aria-hidden": "true",
         className: "size-4"
@@ -4521,7 +4523,7 @@ function ResourceActionMenu({ item, menuOpen, onMenuOpenChange, onRenameStart, r
   });
 }
 function getResourceRowClassName(acceptsChildren, active, containerActive, kind, disabled2) {
-  return cn("group/resource relative flex min-h-8 min-w-0 cursor-pointer items-center gap-2 rounded-lg pr-2 text-body outline-none", "text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", "focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset", "data-[menu-open=true]:bg-muted data-[menu-open=true]:text-foreground", "data-[dragging=true]:opacity-40", "data-[drop=inside]:bg-primary/10 data-[drop=inside]:ring-1 data-[drop=inside]:ring-primary/45", "data-[drop=before]:before:absolute data-[drop=before]:before:-top-0.5 data-[drop=before]:before:right-2 data-[drop=before]:before:left-2 data-[drop=before]:before:h-0.5 data-[drop=before]:before:rounded-full data-[drop=before]:before:bg-primary", "data-[drop=after]:after:absolute data-[drop=after]:after:-bottom-0.5 data-[drop=after]:after:right-2 data-[drop=after]:after:left-2 data-[drop=after]:after:h-0.5 data-[drop=after]:after:rounded-full data-[drop=after]:after:bg-primary", !acceptsChildren && active && "bg-muted text-foreground", acceptsChildren && containerActive && "bg-muted/55 text-foreground ring-1 ring-border/70", kind === "action" && "text-xs text-muted-foreground", disabled2 && "cursor-not-allowed opacity-45");
+  return cn("group/resource relative flex min-h-8 min-w-0 cursor-pointer items-center gap-2 rounded-sm pe-0 text-body outline-none", "text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", "focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset", "data-[menu-open=true]:bg-muted data-[menu-open=true]:text-foreground", "data-[dragging=true]:opacity-40", "data-[drop=inside]:bg-primary/10 data-[drop=inside]:ring-1 data-[drop=inside]:ring-primary/45", "data-[drop=before]:before:absolute data-[drop=before]:before:-top-0.5 data-[drop=before]:before:inset-x-2 data-[drop=before]:before:h-0.5 data-[drop=before]:before:rounded-full data-[drop=before]:before:bg-primary", "data-[drop=after]:after:absolute data-[drop=after]:after:-bottom-0.5 data-[drop=after]:after:inset-x-2 data-[drop=after]:after:h-0.5 data-[drop=after]:after:rounded-full data-[drop=after]:after:bg-primary", !acceptsChildren && active && "bg-muted text-foreground", acceptsChildren && containerActive && "bg-muted/55 text-foreground ring-1 ring-border/70", kind === "action" && "text-xs text-muted-foreground", disabled2 && "cursor-not-allowed opacity-45");
 }
 function useResourceRowEvents({ acceptsChildren, allowMove, disabled: disabled2, kind, onContainerSelect, onDragEnd, onDragOver, onDragStart, onDrop, onRenameStart, onSelect, renaming, row }) {
   const draggedRef = useRef2(false);
@@ -4646,7 +4648,7 @@ function ResourceRow(props) {
     onDragOver: events.handleDragOver,
     onDrop: events.handleDrop,
     className: getResourceRowClassName(acceptsChildren, props.active, props.containerActive, props.row.item.kind, props.row.item.disabled),
-    style: { paddingLeft: `${8 + (props.row.depth + (props.row.item.indent ?? 0)) * 14}px` },
+    style: { paddingInlineStart: `${8 + (props.row.depth + (props.row.item.indent ?? 0)) * 14}px` },
     children: /* @__PURE__ */ jsx(ResourceRowContent, {
       icon,
       renaming: props.renaming,
@@ -5357,16 +5359,16 @@ function sessionStatusIcon(session) {
 }
 function SessionSidebarProjectList({ projectActionsOpen, setProjectActionsOpen, expandedProjectIds, setExpandedProjectIds, setCreateOpen, projects, projectSessions, sidebarItems, activeProjectId, activeSessionId, onNewSession, onNewSessionInProject, onProjectSelect, onRenameSession, onCreateProject, resumeResource, toggleProjectResource, renderMenu }) {
   return /* @__PURE__ */ jsx(AnimatedSidebarContent, {
-    className: "gap-0 px-2 pb-1 pt-2",
+    className: "gap-0 px-2.5 pb-1 pt-2",
     children: /* @__PURE__ */ jsxs(AnimatedSidebarGroup, {
       className: "p-0",
       children: [/* @__PURE__ */ jsxs("div", {
         className: "relative mb-1 h-8",
         children: [/* @__PURE__ */ jsx(AnimatedSidebarGroupLabel, {
-          className: "mb-0 h-8 pr-16 text-xs font-normal normal-case tracking-normal text-muted-foreground",
+          className: "mb-0 h-8 pe-20 text-xs font-normal normal-case tracking-normal text-muted-foreground",
           children: "Projects"
         }), /* @__PURE__ */ jsxs("div", {
-          className: "absolute inset-y-0 right-1 flex items-center gap-0.5",
+          className: "absolute inset-y-0 left-auto flex items-center gap-0.5 [inset-inline-start:auto] [inset-inline-end:0]",
           children: [/* @__PURE__ */ jsxs(Popover, {
             open: projectActionsOpen,
             onOpenChange: setProjectActionsOpen,
@@ -5377,7 +5379,7 @@ function SessionSidebarProjectList({ projectActionsOpen, setProjectActionsOpen,
               type: "button",
               "aria-label": "Project actions",
               title: "Project actions",
-              className: "grid size-6 place-items-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-sidebar-ring",
+              className: cn(HIT_AREA_EXPAND_DENSE_CLASS, "inline-flex size-8 items-center justify-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-sidebar-ring"),
               children: /* @__PURE__ */ jsx(Ellipsis, {
                 "aria-hidden": "true",
                 className: "size-3.5"
@@ -5411,7 +5413,7 @@ function SessionSidebarProjectList({ projectActionsOpen, setProjectActionsOpen,
             "aria-label": "Add project",
             title: "Add project",
             onClick: () => setCreateOpen(true),
-            className: "grid size-6 place-items-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-sidebar-ring",
+            className: cn(HIT_AREA_EXPAND_DENSE_CLASS, "inline-flex size-8 items-center justify-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-sidebar-ring"),
             children: /* @__PURE__ */ jsx(Plus, {
               "aria-hidden": "true",
               className: "size-3.5"
@@ -5448,6 +5450,7 @@ function SessionSidebarProjectList({ projectActionsOpen, setProjectActionsOpen,
         renderMenu,
         renderIcon: (item) => {
           if (idValue(item.id, "project:")) return /* @__PURE__ */ jsx(Folder, { className: "size-4" });
+          if (item.id.startsWith("toggle:")) return item.label === "Show less" ? /* @__PURE__ */ jsx(ChevronUp, { className: "size-4" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" });
           if (item.kind === "action") return null;
           const sessionId = idValue(item.id, SESSION_PREFIX);
           return sessionStatusIcon(projectSessions.find((entry) => entry.sessionId === sessionId));
@@ -5458,7 +5461,7 @@ function SessionSidebarProjectList({ projectActionsOpen, setProjectActionsOpen,
           return /* @__PURE__ */ jsx(Button, {
             type: "button",
             variant: "ghost",
-            size: "icon-xs",
+            size: "icon",
             "aria-label": `New chat in ${item.label}`,
             title: `New chat in ${item.label}`,
             onClick: (event) => {
@@ -5469,7 +5472,7 @@ function SessionSidebarProjectList({ projectActionsOpen, setProjectActionsOpen,
                 onNewSession();
               }
             },
-            className: "size-7 shrink-0 opacity-0 group-hover/resource:opacity-100 group-focus-within/resource:opacity-100 focus-visible:opacity-100 [@media(hover:none)]:opacity-100",
+            className: "size-8 shrink-0 opacity-0 group-hover/resource:opacity-100 group-focus-within/resource:opacity-100 focus-visible:opacity-100 [@media(hover:none)]:opacity-100",
             children: /* @__PURE__ */ jsx(SquarePen, {
               "data-icon": "inline-start",
               className: "size-3.5"
@@ -5483,9 +5486,29 @@ function SessionSidebarProjectList({ projectActionsOpen, setProjectActionsOpen,
     })
   });
 }
+function XIcon({ className, ...props }) {
+  return /* @__PURE__ */ jsx("svg", {
+    "aria-hidden": "true",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    className,
+    ...props,
+    children: /* @__PURE__ */ jsx("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.727-8.835L1.254 2.25H8.08l4.253 5.622L18.244 2.25zm-1.161 17.52h1.833L7.084 4.126H5.117L17.083 19.77z" })
+  });
+}
+function DiscordIcon({ className, ...props }) {
+  return /* @__PURE__ */ jsx("svg", {
+    "aria-hidden": "true",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    className,
+    ...props,
+    children: /* @__PURE__ */ jsx("path", { d: "M20.317 4.37a19.8 19.8 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.3 18.3 0 0 0-5.487 0 12.6 12.6 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.7 19.7 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.08.08 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14 14 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.1 13.1 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.3 12.3 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.8 19.8 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.06.06 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z" })
+  });
+}
 function fleetVersion() {
   try {
-    return "0.6.4";
+    return "0.6.5";
   } catch {
     return "dev";
   }
@@ -5501,6 +5524,7 @@ function VersionBadge() {
   });
 }
 var MENU_ITEM_CLASS = "flex h-8 w-full items-center gap-2 rounded-md px-2 text-label outline-none transition-colors hover:bg-muted focus-visible:bg-muted";
+var SIDEBAR_ITEM_BUTTON_CLASS = "flex h-8 w-full items-center justify-start gap-2 rounded-lg px-2 text-body font-normal text-sidebar-foreground outline-none transition-colors hover:bg-sidebar-accent focus-visible:bg-sidebar-accent focus-visible:ring-2 focus-visible:ring-sidebar-ring";
 function SidebarMenuItem({ icon: Icon, label, onClick, href }) {
   if (href) return /* @__PURE__ */ jsxs("a", {
     href,
@@ -5554,7 +5578,7 @@ function SessionSidebarNavigation({ brandMenuOpen, setBrandMenuOpen, searchOpen,
               align: "start",
               trigger: /* @__PURE__ */ jsxs("button", {
                 type: "button",
-                className: "flex h-8 w-fit shrink-0 items-center gap-1 rounded-lg px-2 text-left text-body font-medium outline-none transition-colors hover:bg-sidebar-accent focus-visible:ring-2 focus-visible:ring-sidebar-ring",
+                className: "flex h-8 w-fit shrink-0 items-center gap-1 rounded-lg px-2 text-start text-body font-medium outline-none transition-colors hover:bg-sidebar-accent focus-visible:ring-2 focus-visible:ring-sidebar-ring",
                 children: [/* @__PURE__ */ jsx("span", {
                   className: "truncate",
                   children: "Qredence Fleet"
@@ -5623,7 +5647,7 @@ function SessionSidebarNavigation({ brandMenuOpen, setBrandMenuOpen, searchOpen,
                       children: [matchingProjects.map((project) => /* @__PURE__ */ jsxs("button", {
                         type: "button",
                         onClick: () => selectSearchResult(`search-project:${project.projectId}`),
-                        className: "flex w-full min-w-0 items-center gap-2 rounded-xl px-2 py-1.5 text-left text-label outline-none transition-colors hover:bg-foreground/[0.03] focus-visible:ring-2 focus-visible:ring-ring",
+                        className: "flex w-full min-w-0 items-center gap-2 rounded-xl px-2 py-1.5 text-start text-label outline-none transition-colors hover:bg-foreground/[0.03] focus-visible:ring-2 focus-visible:ring-ring",
                         children: [
                           /* @__PURE__ */ jsx(Folder, { className: "size-3.5 shrink-0 text-muted-foreground/60" }),
                           /* @__PURE__ */ jsx("span", {
@@ -5672,7 +5696,7 @@ function SessionSidebarNavigation({ brandMenuOpen, setBrandMenuOpen, searchOpen,
           }), /* @__PURE__ */ jsxs("button", {
             type: "button",
             onClick: onNewSession,
-            className: "flex h-8 w-full items-center justify-start gap-2 rounded-lg px-2 text-body font-normal text-sidebar-foreground outline-none transition-colors hover:bg-sidebar-accent focus-visible:bg-sidebar-accent focus-visible:ring-2 focus-visible:ring-sidebar-ring",
+            className: SIDEBAR_ITEM_BUTTON_CLASS,
             children: [/* @__PURE__ */ jsx(SquarePen, { className: "size-4 shrink-0 text-muted-foreground" }), "New chat"]
           })]
         }),
@@ -5697,24 +5721,43 @@ function SessionSidebarNavigation({ brandMenuOpen, setBrandMenuOpen, searchOpen,
           renderMenu
         }),
         /* @__PURE__ */ jsxs(AnimatedSidebarFooter, {
-          className: "flex-row items-center gap-1 border-sidebar-border px-2.5 py-2 pb-[max(0.5rem,env(safe-area-inset-bottom))]",
+          className: "flex-col gap-1 border-sidebar-border px-2.5 py-2 pb-[max(0.5rem,env(safe-area-inset-bottom))]",
           children: [
-            /* @__PURE__ */ jsx("div", {
-              className: "min-w-0 flex-1",
-              children: accountMenu ?? /* @__PURE__ */ jsx("span", {
-                className: "flex h-8 items-center px-2 text-body",
-                children: "Qredence"
-              })
+            /* @__PURE__ */ jsxs("a", {
+              href: TWITTER_URL,
+              target: "_blank",
+              rel: "noreferrer",
+              className: SIDEBAR_ITEM_BUTTON_CLASS,
+              children: [/* @__PURE__ */ jsx(XIcon, { className: "size-4 shrink-0 text-muted-foreground" }), "Twitter"]
             }),
-            /* @__PURE__ */ jsx(VersionBadge, {}),
-            /* @__PURE__ */ jsx("a", {
-              href: DOCUMENTATION_URL,
+            /* @__PURE__ */ jsxs("a", {
+              href: DISCORD_URL,
               target: "_blank",
               rel: "noreferrer",
-              "aria-label": "Open Qredence documentation",
-              title: "Help",
-              className: "grid size-8 shrink-0 place-items-center rounded-lg text-muted-foreground outline-none transition-colors hover:bg-sidebar-accent hover:text-foreground focus-visible:ring-2 focus-visible:ring-sidebar-ring",
-              children: /* @__PURE__ */ jsx(CircleQuestionMark, { className: "size-4" })
+              className: SIDEBAR_ITEM_BUTTON_CLASS,
+              children: [/* @__PURE__ */ jsx(DiscordIcon, { className: "size-4 shrink-0 text-muted-foreground" }), "Discord"]
+            }),
+            /* @__PURE__ */ jsxs("div", {
+              className: "flex w-full flex-row items-center gap-1",
+              children: [
+                /* @__PURE__ */ jsx("div", {
+                  className: "min-w-0 flex-1",
+                  children: accountMenu ?? /* @__PURE__ */ jsx("span", {
+                    className: "flex h-8 items-center px-2 text-body",
+                    children: "Qredence"
+                  })
+                }),
+                /* @__PURE__ */ jsx(VersionBadge, {}),
+                /* @__PURE__ */ jsx("a", {
+                  href: DOCUMENTATION_URL,
+                  target: "_blank",
+                  rel: "noreferrer",
+                  "aria-label": "Open Qredence documentation",
+                  title: "Help",
+                  className: "grid size-8 shrink-0 place-items-center rounded-lg text-muted-foreground outline-none transition-colors hover:bg-sidebar-accent hover:text-foreground focus-visible:ring-2 focus-visible:ring-sidebar-ring",
+                  children: /* @__PURE__ */ jsx(CircleQuestionMark, { className: "size-4" })
+                })
+              ]
             })
           ]
         }),
@@ -5911,11 +5954,14 @@ function useSessionSidebarViewModel({ sessions, projects = EMPTY_PROJECTS, proje
         label: "Start first chat",
         kind: "action"
       });
-      else if (sessionsForProject.length > 5) children.push({
-        id: `toggle:${project.projectId}`,
-        label: revealed ? "Show less" : "Show more",
-        kind: "action"
-      });
+      else if (sessionsForProject.length > 5) {
+        const hidden = sessionsForProject.length - visible.length;
+        children.push({
+          id: `toggle:${project.projectId}`,
+          label: revealed ? "Show less" : `Show ${hidden} more`,
+          kind: "action"
+        });
+      }
       return {
         id: projectResourceId(project.projectId),
         label: project.name,
@@ -5925,17 +5971,22 @@ function useSessionSidebarViewModel({ sessions, projects = EMPTY_PROJECTS, proje
     });
     const unassigned = sortSessions(displayProjectSessions(projectSessions.filter((session) => !session.projectId), activeSessionId));
     if (unassigned.length > 0) {
-      const unassignedChildren = visibleProjectSessions(unassigned, activeSessionId, revealedProjectIds.has("unassigned")).map((session) => ({
+      const unassignedRevealed = revealedProjectIds.has("unassigned");
+      const unassignedVisible = visibleProjectSessions(unassigned, activeSessionId, unassignedRevealed);
+      const unassignedChildren = unassignedVisible.map((session) => ({
         id: sessionResourceId(session.sessionId),
         label: sessionLabel(session, unassigned),
         kind: "file",
         ...session.isSubagent ? { indent: 1 } : {}
       }));
-      if (unassigned.length > 5) unassignedChildren.push({
-        id: "toggle:unassigned",
-        label: revealedProjectIds.has("unassigned") ? "Show less" : "Show more",
-        kind: "action"
-      });
+      if (unassigned.length > 5) {
+        const hidden = unassigned.length - unassignedVisible.length;
+        unassignedChildren.push({
+          id: "toggle:unassigned",
+          label: unassignedRevealed ? "Show less" : `Show ${hidden} more`,
+          kind: "action"
+        });
+      }
       grouped.push({
         id: "project:unassigned",
         label: "Unassigned",
@@ -6151,7 +6202,7 @@ function useSessionSidebarViewModel({ sessions, projects = EMPTY_PROJECTS, proje
     submitCreate
   };
 }
-var LazySessionSidebarCreateDialog = lazy(() => import("./create-project-dialog-CigfFgAj-QS27NAJH.js").then(({ SessionSidebarCreateDialog }) => ({ default: SessionSidebarCreateDialog })));
+var LazySessionSidebarCreateDialog = lazy(() => import("./create-project-dialog-xhTWmcx1-UQQU3MAT.js").then(({ SessionSidebarCreateDialog }) => ({ default: SessionSidebarCreateDialog })));
 function SessionSidebarDialogs(props) {
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [props.createOpen ? /* @__PURE__ */ jsx(Suspense, {
     fallback: null,
@@ -6503,7 +6554,6 @@ function buildChatInputBarProps(composer, activeSessionId) {
     onSlashCommandSelect: composer.handleSlashCommandSelect,
     onLocalSlashSubmit: composer.handleLocalSlashSubmit,
     onDraftChange: composer.onComposerDraftChange,
-    intentSuggestion: composer.intentSuggestion,
     inlineCompletion: composer.inlineCompletion,
     modelPickerOpen: composer.modelPickerOpen,
     onModelPickerOpenChange: composer.setModelPickerOpen,
@@ -6512,7 +6562,7 @@ function buildChatInputBarProps(composer, activeSessionId) {
   };
 }
 function useChatInputBarProps(composer, activeSessionId) {
-  const { addWorkspaceAttachment, chatMode, effortPickerOpen, handleAttach, handleLocalSlashSubmit, handleSlashCommandSelect, infoDescription, inlineCompletion, intentSuggestion, modelKey, modelPickerOpen, models, onComposerDraftChange, pendingQuestionBar, removeUploadedAttachment, removeWorkspaceAttachment, setChatMode, setEffortPickerOpen, setModelKey, setModelPickerOpen, setThinkingLevel, slashCommands, thinkingLevel, uploadedAttachments, workspaceAttachments, workspaceReferenceSuggestions } = composer;
+  const { addWorkspaceAttachment, chatMode, effortPickerOpen, handleAttach, handleLocalSlashSubmit, handleSlashCommandSelect, infoDescription, inlineCompletion, modelKey, modelPickerOpen, models, onComposerDraftChange, pendingQuestionBar, removeUploadedAttachment, removeWorkspaceAttachment, setChatMode, setEffortPickerOpen, setModelKey, setModelPickerOpen, setThinkingLevel, slashCommands, thinkingLevel, uploadedAttachments, workspaceAttachments, workspaceReferenceSuggestions } = composer;
   return useMemo2(() => buildChatInputBarProps({
     addWorkspaceAttachment,
     chatMode,
@@ -6522,7 +6572,6 @@ function useChatInputBarProps(composer, activeSessionId) {
     handleSlashCommandSelect,
     infoDescription,
     inlineCompletion,
-    intentSuggestion,
     modelKey,
     modelPickerOpen,
     models,
@@ -6550,7 +6599,6 @@ function useChatInputBarProps(composer, activeSessionId) {
     handleSlashCommandSelect,
     infoDescription,
     inlineCompletion,
-    intentSuggestion,
     modelKey,
     modelPickerOpen,
     models,
@@ -6740,34 +6788,28 @@ var WELCOME_TASKS = [
     value: "Explore the relevant code and create an implementation plan for a new feature before making changes."
   }
 ];
-function ChatWelcome({ disabled: disabled2, onSelect, composer }) {
+function ChatWelcome({ disabled: disabled2, onSelect }) {
   return /* @__PURE__ */ jsxs("section", {
     "aria-labelledby": "welcome-title",
-    className: "flex w-full flex-col items-center text-center",
-    children: [
-      /* @__PURE__ */ jsx("h1", {
-        id: "welcome-title",
-        className: "text-balance text-2xl font-normal tracking-tight text-foreground sm:text-3xl",
-        children: "What should Fleet Prime Agent work on?"
-      }),
-      /* @__PURE__ */ jsx("div", {
-        className: "mt-6 w-full",
-        children: composer
-      }),
-      /* @__PURE__ */ jsx("div", {
-        "aria-label": "Suggested prompts",
-        className: "mt-4 flex w-full flex-wrap justify-center gap-2",
-        children: WELCOME_TASKS.map((item) => /* @__PURE__ */ jsx(Button, {
-          type: "button",
-          variant: "outline",
-          size: "sm",
-          disabled: disabled2 || item.disabled,
-          onClick: () => onSelect(item),
-          className: SUGGESTION_ITEM_CLASS,
-          children: item.label
-        }, item.id))
-      })
-    ]
+    className: "flex w-full flex-col items-center gap-6 text-center",
+    children: [/* @__PURE__ */ jsx("h1", {
+      id: "welcome-title",
+      className: "text-balance text-2xl font-normal tracking-tight text-foreground sm:text-3xl",
+      children: "What should Fleet Prime Agent work on?"
+    }), /* @__PURE__ */ jsx("div", {
+      role: "group",
+      "aria-label": "Suggested prompts",
+      className: "flex w-full flex-wrap justify-center gap-2",
+      children: WELCOME_TASKS.map((item) => /* @__PURE__ */ jsx(Button, {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        disabled: disabled2 || item.disabled,
+        onClick: () => onSelect(item),
+        className: SUGGESTION_ITEM_CLASS,
+        children: item.label
+      }, item.id))
+    })]
   });
 }
 var LOADER_DOTS = [
@@ -6878,7 +6920,7 @@ function flattenGroups(groups, items) {
   if (groups && groups.length > 0) return groups.flatMap((group) => group.items);
   return items ? [...items] : [];
 }
-var ComposerTriggerPopover = memo(function ComposerTriggerPopover2({ open, kind, query, items, groups, activeIndex = 0, onActiveIndexChange, onSelect, onClose, onBack, className, emptyLabel = "No matching items", title, listId = "composer-trigger-list" }) {
+var ComposerTriggerPopover = memo(function ComposerTriggerPopover2({ open, kind, query, items, groups, activeIndex = 0, onActiveIndexChange, onSelect, onBack, className, emptyLabel = "No matching items", title, listId = "composer-trigger-list" }) {
   const flatItems = useMemo2(() => flattenGroups(groups, items), [groups, items]);
   if (!open) return null;
   const showGroups = Boolean(groups && groups.length > 0);
@@ -6898,7 +6940,7 @@ var ComposerTriggerPopover = memo(function ComposerTriggerPopover2({ open, kind,
       onClick: () => {
         if (!item.disabled) onSelect(item);
       },
-      className: cn("flex min-h-10 cursor-pointer items-start gap-2 rounded-lg px-3 py-2 text-left", selected && "bg-accent text-accent-foreground"),
+      className: cn("flex min-h-10 cursor-pointer items-start gap-2 rounded-lg px-3 py-2 text-start", selected && "bg-accent text-accent-foreground"),
       children: [
         /* @__PURE__ */ jsx("span", {
           className: "mt-0.5 shrink-0 text-muted-foreground",
@@ -6953,15 +6995,8 @@ var ComposerTriggerPopover = memo(function ComposerTriggerPopover2({ open, kind,
           children: title ?? (kind === "slash" ? "Commands" : "Workspace")
         }),
         query ? /* @__PURE__ */ jsx("span", {
-          className: "ml-auto max-w-[50%] truncate font-mono text-caption",
+          className: "ms-auto max-w-[50%] truncate font-mono text-caption",
           children: query
-        }) : null,
-        onClose ? /* @__PURE__ */ jsx("button", {
-          type: "button",
-          "aria-label": "Close suggestions",
-          onClick: onClose,
-          className: "sr-only",
-          children: "Close suggestions"
         }) : null
       ]
     }), /* @__PURE__ */ jsxs("div", {
@@ -6987,7 +7022,7 @@ var ComposerTriggerPopover = memo(function ComposerTriggerPopover2({ open, kind,
     })]
   }) : null;
 });
-var COMPOSER_SELECTOR_TRIGGER_CLASS = "relative inline-flex h-7 max-w-[18rem] min-w-0 cursor-pointer items-center gap-1.5 rounded-full px-2 text-label leading-4 text-foreground/40 transition-[background-color,transform] duration-150 after:absolute after:inset-x-0 after:-top-1.5 after:-bottom-1.5 hover:bg-foreground/6 hover:text-foreground/55 focus-visible:ring-2 focus-visible:ring-ring active:scale-[0.96] data-[state=open]:bg-foreground/6 data-[state=open]:text-foreground/55";
+var COMPOSER_SELECTOR_TRIGGER_CLASS = "relative inline-flex h-7 max-w-[18rem] min-w-0 cursor-pointer items-center gap-1.5 rounded-full px-2 text-label leading-4 text-foreground/70 transition-[background-color,transform] duration-150 after:absolute after:inset-x-0 after:-top-1.5 after:-bottom-1.5 hover:bg-foreground/6 hover:text-foreground/85 focus-visible:ring-2 focus-visible:ring-ring active:scale-[0.96] data-[state=open]:bg-foreground/6 data-[state=open]:text-foreground/85";
 var ComposerSelectorTrigger = forwardRef2(function ComposerSelectorTrigger2({ label, leadingIcon, suffix, open = false, showChevron = true, interactive = true, ariaLabel, combobox = false, popupId, className, type = "button", ...rest }, ref) {
   return /* @__PURE__ */ jsxs("button", {
     ref,
@@ -6998,10 +7033,14 @@ var ComposerSelectorTrigger = forwardRef2(function ComposerSelectorTrigger2({ la
     "aria-label": ariaLabel,
     "aria-controls": combobox ? popupId : void 0,
     "aria-expanded": combobox ? open : void 0,
+    tabIndex: interactive ? void 0 : -1,
     className: cn(COMPOSER_SELECTOR_TRIGGER_CLASS, !interactive && "pointer-events-none", className),
     ...rest,
+    title: rest.title ?? (typeof label === "string" ? label : void 0),
+    disabled: !interactive || Boolean(rest.disabled),
     children: [
       leadingIcon ? /* @__PURE__ */ jsx("span", {
+        "aria-hidden": "true",
         className: "shrink-0 [&_svg]:size-3.5",
         children: leadingIcon
       }) : null,
@@ -7012,7 +7051,7 @@ var ComposerSelectorTrigger = forwardRef2(function ComposerSelectorTrigger2({ la
       suffix,
       showChevron ? /* @__PURE__ */ jsx(ChevronDown, {
         "aria-hidden": "true",
-        className: "size-3 shrink-0 text-foreground/40"
+        className: "size-3 shrink-0 text-foreground/70"
       }) : null
     ]
   });
@@ -7023,53 +7062,111 @@ var ModeSelector = memo(function ModeSelector2({ modes, value, defaultValue, onC
   const activeId = isControlled ? value : internalValue;
   const activeMode = modes.find((m2) => m2.id === activeId) ?? modes[0];
   const [open, setOpen] = useState2(false);
-  const handleSelect = useCallback2((id) => {
+  const popupId = useId();
+  const optionRefs = useRef2([]);
+  const commitMode = useCallback2((id, close) => {
     if (!isControlled) setInternalValue(id);
     onChange?.(id);
-    setOpen(false);
+    if (close) setOpen(false);
   }, [isControlled, onChange]);
+  const focusAndSelect = useCallback2((index) => {
+    if (modes.length === 0) return;
+    const clamped = (index % modes.length + modes.length) % modes.length;
+    const mode = modes[clamped];
+    if (!mode) return;
+    optionRefs.current[clamped]?.focus();
+    commitMode(mode.id, false);
+  }, [commitMode, modes]);
+  const handleOptionKeyDown = useCallback2((event, modeId) => {
+    if (modes.length === 0) return;
+    const currentIndex = Math.max(0, modes.findIndex((mode) => mode.id === modeId));
+    switch (event.key) {
+      case "ArrowDown":
+      case "ArrowRight":
+        event.preventDefault();
+        focusAndSelect(currentIndex + 1);
+        break;
+      case "ArrowUp":
+      case "ArrowLeft":
+        event.preventDefault();
+        focusAndSelect(currentIndex - 1);
+        break;
+      case "Home":
+        event.preventDefault();
+        focusAndSelect(0);
+        break;
+      case "End":
+        event.preventDefault();
+        focusAndSelect(modes.length - 1);
+    }
+  }, [focusAndSelect, modes]);
   if (modes.length === 0) return null;
   const ActiveIcon = activeMode?.icon;
   const hasMultiple = modes.length > 1;
+  const modeLabel = activeMode?.label ?? "";
   const trigger = /* @__PURE__ */ jsx(ComposerSelectorTrigger, {
-    ariaLabel: "Select mode",
-    label: activeMode?.label ?? "",
+    ariaLabel: modeLabel ? `Select mode, ${modeLabel}` : "Select mode",
+    label: modeLabel,
     leadingIcon: ActiveIcon ? /* @__PURE__ */ jsx(ActiveIcon, { className: "size-3.5 shrink-0" }) : void 0,
     open,
     showChevron: hasMultiple,
     interactive: hasMultiple,
+    "aria-haspopup": hasMultiple ? "dialog" : void 0,
+    "aria-expanded": hasMultiple ? open : void 0,
+    "aria-controls": hasMultiple ? popupId : void 0,
     className
   });
   if (!hasMultiple) return trigger;
   return /* @__PURE__ */ jsx(Popover, {
+    contentId: popupId,
     open,
     onOpenChange: setOpen,
     side: "top",
     align: "start",
     trigger,
-    children: modes.map((mode) => {
-      const isActive = mode.id === activeMode?.id;
-      const Icon = mode.icon;
-      return /* @__PURE__ */ jsxs("button", {
-        type: "button",
-        onClick: () => handleSelect(mode.id),
-        className: cn("flex w-full cursor-pointer items-start gap-2 rounded-[6px] px-2 py-2 text-left text-label leading-4 text-foreground transition-[background-color,transform] duration-150 hover:bg-foreground/6 active:scale-[0.96]", isActive && "bg-foreground/6"),
-        children: [
-          Icon && /* @__PURE__ */ jsx(Icon, { className: "mt-0.5 size-3.5 shrink-0" }),
-          /* @__PURE__ */ jsxs("span", {
-            className: "min-w-0 flex-1",
-            children: [/* @__PURE__ */ jsx("span", {
-              className: "block truncate font-medium",
-              children: mode.label
-            }), mode.description && /* @__PURE__ */ jsx("span", {
-              className: "block truncate text-foreground/40",
-              children: mode.description
-            })]
-          }),
-          isActive && /* @__PURE__ */ jsx(Check, { className: "mt-0.5 size-3.5 shrink-0 text-foreground/60" })
-        ]
-      }, mode.id);
-    })
+    children: open ? /* @__PURE__ */ jsx("div", {
+      role: "radiogroup",
+      "aria-label": "Select mode",
+      className: "flex flex-col gap-0.5",
+      children: modes.map((mode, index) => {
+        const isActive = mode.id === activeMode?.id;
+        const Icon = mode.icon;
+        return /* @__PURE__ */ jsxs("button", {
+          ref: (element) => {
+            optionRefs.current[index] = element;
+          },
+          type: "button",
+          role: "radio",
+          "aria-checked": isActive,
+          tabIndex: isActive ? 0 : -1,
+          "data-mode-id": mode.id,
+          onClick: () => commitMode(mode.id, true),
+          onKeyDown: (event) => handleOptionKeyDown(event, mode.id),
+          className: cn("flex w-full cursor-pointer items-start gap-2 rounded-[6px] px-2 py-2 text-start text-label leading-4 text-foreground transition-[background-color,transform] duration-150 hover:bg-foreground/6 focus-visible:ring-2 focus-visible:ring-ring active:scale-[0.96]", isActive && "bg-foreground/6"),
+          children: [
+            Icon ? /* @__PURE__ */ jsx("span", {
+              "aria-hidden": "true",
+              className: "mt-0.5 shrink-0",
+              children: /* @__PURE__ */ jsx(Icon, { className: "size-3.5" })
+            }) : null,
+            /* @__PURE__ */ jsxs("span", {
+              className: "min-w-0 flex-1",
+              children: [/* @__PURE__ */ jsx("span", {
+                className: "block truncate font-medium",
+                children: mode.label
+              }), mode.description ? /* @__PURE__ */ jsx("span", {
+                className: "block truncate text-foreground/70",
+                children: mode.description
+              }) : null]
+            }),
+            isActive ? /* @__PURE__ */ jsx(Check, {
+              "aria-hidden": "true",
+              className: "mt-0.5 size-3.5 shrink-0 text-foreground/60"
+            }) : null
+          ]
+        }, mode.id);
+      })
+    }) : null
   });
 });
 function getDefaultFormSubmitter(form) {
@@ -8096,13 +8193,16 @@ function InputQuestionBar({ questionBar, navigation, roundedTop, onDismiss }) {
     onDismiss(questionBar.id);
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: cn("mx-auto w-full max-w-[calc(100%-24px)] border-x border-t border-border", roundedTop ? "rounded-t-chat-input" : null),
+    className: cn("w-full border-x border-t border-border", roundedTop ? "rounded-t-chat-input" : null),
     children: [
       /* @__PURE__ */ jsxs("div", {
         className: "flex h-7 items-center justify-between border-b border-border px-3 text-xs text-muted-foreground",
         children: [/* @__PURE__ */ jsxs("div", {
           className: "inline-flex items-center gap-1.5",
-          children: [/* @__PURE__ */ jsx(MessageCircleQuestionMark, { className: "size-3.5" }), "Question"]
+          children: [/* @__PURE__ */ jsx(MessageCircleQuestionMark, {
+            "aria-hidden": "true",
+            className: "size-3.5"
+          }), "Question"]
         }), showQuestionNavigation && /* @__PURE__ */ jsxs("div", {
           className: "inline-flex items-center gap-1",
           children: [
@@ -8110,9 +8210,12 @@ function InputQuestionBar({ questionBar, navigation, roundedTop, onDismiss }) {
               type: "button",
               onClick: goToPreviousQuestion,
               disabled: !canGoPrev,
-              className: "relative inline-flex size-5 items-center justify-center rounded-[4px] transition-[background-color,transform] duration-150 after:absolute after:inset-x-0 after:-top-2.5 after:-bottom-2.5 hover:bg-secondary active:scale-[0.96] disabled:opacity-40 disabled:active:scale-100",
+              className: cn("relative after:absolute after:inset-x-0 after:-top-1.5 after:-bottom-1.5", "inline-flex size-6 items-center justify-center rounded-[4px] transition-[background-color,transform] duration-150 hover:bg-secondary focus-visible:ring-2 focus-visible:ring-ring active:scale-[0.96] disabled:opacity-40 disabled:active:scale-100"),
               "aria-label": "Previous question",
-              children: /* @__PURE__ */ jsx(ChevronUp, { className: "size-3.5" })
+              children: /* @__PURE__ */ jsx(ChevronUp, {
+                "aria-hidden": "true",
+                className: "size-3.5"
+              })
             }),
             /* @__PURE__ */ jsxs("span", {
               className: "tabular-nums",
@@ -8126,9 +8229,12 @@ function InputQuestionBar({ questionBar, navigation, roundedTop, onDismiss }) {
               type: "button",
               onClick: goToNextQuestion,
               disabled: !canGoNext,
-              className: "relative inline-flex size-5 items-center justify-center rounded-[4px] transition-[background-color,transform] duration-150 after:absolute after:inset-x-0 after:-top-2.5 after:-bottom-2.5 hover:bg-secondary active:scale-[0.96] disabled:opacity-40 disabled:active:scale-100",
+              className: cn("relative after:absolute after:inset-x-0 after:-top-1.5 after:-bottom-1.5", "inline-flex size-6 items-center justify-center rounded-[4px] transition-[background-color,transform] duration-150 hover:bg-secondary focus-visible:ring-2 focus-visible:ring-ring active:scale-[0.96] disabled:opacity-40 disabled:active:scale-100"),
               "aria-label": "Next question",
-              children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5" })
+              children: /* @__PURE__ */ jsx(ChevronDown, {
+                "aria-hidden": "true",
+                className: "size-3.5"
+              })
             })
           ]
         })]
@@ -8174,13 +8280,16 @@ var ModelSelector = memo(function ModelSelector2({ models, value, effort, open:
   };
   const selectedModel = models.find((model) => model.id === value) ?? models[0];
   const selectedEffort = selectedModel?.efforts?.find((option) => option.id === effort) ?? selectedModel?.efforts?.[0];
+  const modelName = selectedModel?.name ?? placeholder;
+  const effortName = selectedEffort && selectedModel?.reasoning ? selectedEffort.name : void 0;
+  const modelAriaLabel = effortName ? `Select model and reasoning effort, ${modelName}, ${effortName}` : `Select model and reasoning effort, ${modelName}`;
   const trigger = /* @__PURE__ */ jsx(ComposerSelectorTrigger, {
-    ariaLabel: "Select model and reasoning effort",
-    label: selectedModel?.name ?? placeholder,
+    ariaLabel: modelAriaLabel,
+    label: modelName,
     leadingIcon: selectedModel?.icon,
-    suffix: selectedEffort && selectedModel?.reasoning ? /* @__PURE__ */ jsxs("span", {
-      className: "hidden shrink-0 text-foreground/40 xl:inline",
-      children: ["\xB7 ", selectedEffort.name]
+    suffix: effortName ? /* @__PURE__ */ jsxs("span", {
+      className: "hidden shrink-0 text-foreground/70 xl:inline",
+      children: ["\xB7 ", effortName]
     }) : null,
     open,
     combobox: true,
@@ -8284,7 +8393,7 @@ function slashArgumentHint(item) {
   if (fromMetadata) return fromMetadata;
   return (item.value?.trim() ?? "").match(/^\/\S+\s+(.+)$/)?.[1];
 }
-function useInputBarState({ models, status, thinkingLevel, onModelChange, onThinkingLevelChange, onSend, onSlashCommandSelect, onLocalSlashSubmit, onDraftChange, intentSuggestion, inlineCompletion, modelPickerOpen, onModelPickerOpenChange, effortPickerOpen, onEffortPickerOpenChange, workspaceReferences = EMPTY_WORKSPACE_REFERENCES$1, workspaceSuggestions, onWorkspaceReferenceSelect, onRemoveWorkspaceReference, controlled, disabled: disabled2, questionBar, attachments, slashCommands }) {
+function useInputBarState({ models, status, thinkingLevel, onModelChange, onThinkingLevelChange, onSend, onSlashCommandSelect, onLocalSlashSubmit, onDraftChange, inlineCompletion, modelPickerOpen, onModelPickerOpenChange, effortPickerOpen, onEffortPickerOpenChange, workspaceReferences = EMPTY_WORKSPACE_REFERENCES$1, workspaceSuggestions, onWorkspaceReferenceSelect, onRemoveWorkspaceReference, controlled, disabled: disabled2, questionBar, attachments, slashCommands }) {
   const [internalValue, setInternalValue] = useState2("");
   const [dismissedQuestionId, setDismissedQuestionId] = useState2(null);
   const [slashMenuPinned, setSlashMenuPinned] = useState2(false);
@@ -8359,16 +8468,6 @@ function useInputBarState({ models, status, thinkingLevel, onModelChange, onThin
     const timer = setTimeout(() => onDraftChange(value), DRAFT_REPORT_DEBOUNCE_MS);
     return () => clearTimeout(timer);
   }, [onDraftChange, value]);
-  const visibleIntentSuggestion = intentSuggestion?.forValue === value ? intentSuggestion : void 0;
-  const acceptIntentSuggestion = useCallback2(() => {
-    if (visibleIntentSuggestion?.forValue !== value) return;
-    visibleIntentSuggestion.onAccept();
-    setValue("");
-  }, [
-    value,
-    visibleIntentSuggestion,
-    setValue
-  ]);
   const removeTriggerToken = useCallback2((match) => {
     if (!match) return value;
     const leadingWhitespace = match[0].length - match[0].trimStart().length;
@@ -8426,9 +8525,10 @@ function useInputBarState({ models, status, thinkingLevel, onModelChange, onThin
   useEffect2(() => {
     if (!textarea) return;
     const publish = () => {
+      if (composingRef.current) return;
       const next = {
         focused: document.activeElement === textarea,
-        composing: composingRef.current,
+        composing: false,
         caretStart: textarea.selectionStart ?? null,
         caretEnd: textarea.selectionEnd ?? null
       };
@@ -8436,11 +8536,22 @@ function useInputBarState({ models, status, thinkingLevel, onModelChange, onThin
     };
     const onCompositionStart = () => {
       composingRef.current = true;
-      publish();
+      setEditing((previous) => previous.composing && previous.focused === (document.activeElement === textarea) ? previous : {
+        focused: document.activeElement === textarea,
+        composing: true,
+        caretStart: previous.caretStart,
+        caretEnd: previous.caretEnd
+      });
     };
     const onCompositionEnd = () => {
       composingRef.current = false;
-      publish();
+      const next = {
+        focused: document.activeElement === textarea,
+        composing: false,
+        caretStart: textarea.selectionStart ?? null,
+        caretEnd: textarea.selectionEnd ?? null
+      };
+      setEditing((previous) => sameEditingState(previous, next) ? previous : next);
     };
     const events = [
       "keyup",
@@ -8449,7 +8560,6 @@ function useInputBarState({ models, status, thinkingLevel, onModelChange, onThin
       "select",
       "focus",
       "blur",
-      "input",
       "scroll"
     ];
     for (const type of events) textarea.addEventListener(type, publish);
@@ -8470,7 +8580,6 @@ function useInputBarState({ models, status, thinkingLevel, onModelChange, onThin
     streaming: isStreaming,
     disabled: Boolean(disabled2),
     triggerOpen,
-    intentSuggestion: Boolean(visibleIntentSuggestion),
     dismissed
   }), [
     dismissed,
@@ -8479,8 +8588,7 @@ function useInputBarState({ models, status, thinkingLevel, onModelChange, onThin
     inlineCompletion,
     isStreaming,
     triggerOpen,
-    value,
-    visibleIntentSuggestion
+    value
   ]);
   const dismissInlineCompletion = useCallback2(() => {
     if (offeredCompletion) setDismissed({
@@ -8497,7 +8605,7 @@ function useInputBarState({ models, status, thinkingLevel, onModelChange, onThin
     if (!offeredCompletion) return;
     const caret = readCaret();
     if (!caret || caret.start !== caret.end || caret.start !== value.length) return;
-    const next = spliceCompletion(value, offeredCompletion.text);
+    const next = spliceCompletion(value, offeredCompletion.text, offeredCompletion.mode);
     setValue(next);
     pendingCaretRef.current = next.length;
     inlineCompletion?.onAccept?.(next);
@@ -8685,10 +8793,9 @@ function useInputBarState({ models, status, thinkingLevel, onModelChange, onThin
     return () => document.removeEventListener("pointerdown", handlePointerDown);
   }, [closeTriggerMenu, triggerOpen]);
   return {
-    acceptIntentSuggestion,
     activeTriggerIndex,
     attachTextarea: setTextarea,
-    ghostText: offeredCompletion?.text,
+    ghostText: ghostPaintText(value, offeredCompletion),
     combinedPickerOpen,
     commandGroups,
     files,
@@ -8718,8 +8825,7 @@ function useInputBarState({ models, status, thinkingLevel, onModelChange, onThin
     workspaceQuery,
     filteredCommands,
     filteredWorkspaceItems,
-    value,
-    visibleIntentSuggestion
+    value
   };
 }
 var EMPTY_WORKSPACE_REFERENCES = [];
@@ -8727,8 +8833,8 @@ var CHAT_MODES = [...AGENT_CHAT_MODES];
 function InputBar(props) {
   return /* @__PURE__ */ jsx(InputBarContent, { ...props });
 }
-function InputBarContent({ modelKey, models, status, infoDescription, chatMode = "agent", onChatModeChange, onModelChange, thinkingLevel, onThinkingLevelChange, onStop, onSend, onSlashCommandSelect, onLocalSlashSubmit, onDraftChange, intentSuggestion, inlineCompletion, modelPickerOpen, onModelPickerOpenChange, effortPickerOpen, onEffortPickerOpenChange, workspaceReferences = EMPTY_WORKSPACE_REFERENCES, workspaceSuggestions, onWorkspaceReferenceSelect, onRemoveWorkspaceReference, controlled, disabled: disabled2, autoFocus, placeholder, attachments, questionBar, slashCommands, className }) {
-  const { acceptIntentSuggestion, activeTriggerIndex, attachTextarea, combinedPickerOpen, commandGroups, closeTriggerMenu, files, ghostText, handleCombinedPickerOpenChange, handlePromptKeyDown, handleSelectorModelChange, images, isStreaming, navigation, openSlashMenu, filteredWorkspaceItems, selectCommand, selectWorkspaceReference, selectorModels, send, setActiveTriggerIndex, setDismissedQuestionId, setValue, showQuestion, slashQuery, triggerItems, triggerKind, triggerOpen, value, visibleIntentSuggestion, workspaceQuery } = useInputBarState({
+function InputBarContent({ modelKey, models, status, infoDescription, chatMode = "agent", onChatModeChange, onModelChange, thinkingLevel, onThinkingLevelChange, onStop, onSend, onSlashCommandSelect, onLocalSlashSubmit, onDraftChange, inlineCompletion, modelPickerOpen, onModelPickerOpenChange, effortPickerOpen, onEffortPickerOpenChange, workspaceReferences = EMPTY_WORKSPACE_REFERENCES, workspaceSuggestions, onWorkspaceReferenceSelect, onRemoveWorkspaceReference, controlled, disabled: disabled2, autoFocus, placeholder, attachments, questionBar, slashCommands, className }) {
+  const { activeTriggerIndex, attachTextarea, combinedPickerOpen, commandGroups, files, ghostText, handleCombinedPickerOpenChange, handlePromptKeyDown, handleSelectorModelChange, images, isStreaming, navigation, openSlashMenu, filteredWorkspaceItems, selectCommand, selectWorkspaceReference, selectorModels, send, setActiveTriggerIndex, setDismissedQuestionId, setValue, showQuestion, slashQuery, triggerItems, triggerKind, triggerOpen, value, workspaceQuery } = useInputBarState({
     models,
     status,
     thinkingLevel,
@@ -8738,7 +8844,6 @@ function InputBarContent({ modelKey, models, status, infoDescription, chatMode =
     onSlashCommandSelect,
     onLocalSlashSubmit,
     onDraftChange,
-    intentSuggestion,
     inlineCompletion,
     modelPickerOpen,
     onModelPickerOpenChange,
@@ -8757,64 +8862,16 @@ function InputBarContent({ modelKey, models, status, infoDescription, chatMode =
   const handleChatModeChange = useCallback2((id) => onChatModeChange?.(id), [onChatModeChange]);
   const handleEffortChange = useCallback2((level) => onThinkingLevelChange?.(level), [onThinkingLevelChange]);
   return /* @__PURE__ */ jsx("div", {
-    className: cn("shrink-0 pb-3", CHAT_COLUMN_CLASS, className),
+    className: cn("shrink-0 pb-[max(0.75rem,env(safe-area-inset-bottom))]", CHAT_COLUMN_CLASS, className),
     children: /* @__PURE__ */ jsxs("div", {
-      className: "relative w-full",
+      className: "relative flex w-full flex-col gap-3",
       children: [
         /* @__PURE__ */ jsx(ComposerLoader, {
           label: infoDescription ?? void 0,
           isActive: isStreaming
         }),
-        visibleIntentSuggestion && !isStreaming && !disabled2 ? /* @__PURE__ */ jsxs("div", {
-          className: "mb-2 flex items-center gap-2 rounded-xl border bg-muted/40 px-2.5 py-1.5",
-          children: [
-            /* @__PURE__ */ jsx(Terminal, { className: "size-3.5 shrink-0 text-muted-foreground" }),
-            /* @__PURE__ */ jsxs("button", {
-              type: "button",
-              onClick: acceptIntentSuggestion,
-              className: "min-w-0 flex-1 truncate text-left text-sm hover:underline",
-              title: visibleIntentSuggestion.description,
-              children: [/* @__PURE__ */ jsx("span", {
-                className: "font-medium",
-                children: visibleIntentSuggestion.label
-              }), /* @__PURE__ */ jsxs("span", {
-                className: "text-muted-foreground",
-                children: [" \u2014 ", visibleIntentSuggestion.description]
-              })]
-            }),
-            /* @__PURE__ */ jsx("button", {
-              type: "button",
-              "aria-label": "Dismiss suggestion",
-              onClick: visibleIntentSuggestion.onDismiss,
-              className: "shrink-0 rounded p-0.5 text-muted-foreground hover:text-foreground",
-              children: /* @__PURE__ */ jsx(X, { className: "size-3" })
-            })
-          ]
-        }) : null,
-        showQuestion ? /* @__PURE__ */ jsx(InputQuestionBar, {
-          questionBar,
-          navigation,
-          roundedTop: true,
-          onDismiss: setDismissedQuestionId
-        }) : null,
-        /* @__PURE__ */ jsx(ComposerTriggerPopover, {
-          open: triggerOpen,
-          kind: triggerKind ?? "slash",
-          query: triggerKind === "slash" ? slashQuery : workspaceQuery,
-          items: triggerKind === "mention" ? filteredWorkspaceItems : void 0,
-          groups: triggerKind === "slash" ? commandGroups : void 0,
-          activeIndex: activeTriggerIndex,
-          onActiveIndexChange: setActiveTriggerIndex,
-          onSelect: (item) => {
-            if (triggerKind === "slash") selectCommand(item);
-            else selectWorkspaceReference(item);
-          },
-          onClose: closeTriggerMenu,
-          title: triggerKind === "slash" ? "Commands" : "Workspace references",
-          listId: "composer-trigger-list"
-        }),
         images.length > 0 || files.length > 0 ? /* @__PURE__ */ jsxs("div", {
-          className: "mb-2 flex flex-wrap gap-2 rounded-xl border bg-muted/40 p-2",
+          className: "flex flex-wrap gap-2 rounded-xl border bg-muted/40 p-2",
           children: [images.map((image) => /* @__PURE__ */ jsxs("div", {
             className: "group relative",
             children: [/* @__PURE__ */ jsx("img", {
@@ -8830,9 +8887,10 @@ function InputBarContent({ modelKey, models, status, infoDescription, chatMode =
               size: "icon-xs",
               "aria-label": `Remove ${image.filename}`,
               onClick: () => attachments?.onRemoveImage?.(image.id),
-              className: "absolute -right-1 -top-1 size-5 rounded-full bg-background opacity-0 shadow-sm transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100 [@media(hover:none)]:opacity-100",
+              className: cn(HIT_AREA_EXPAND_CLASS, "absolute -end-1 -top-1 size-6 rounded-full bg-background opacity-0 shadow-sm transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100 [@media(hover:none)]:opacity-100"),
               children: /* @__PURE__ */ jsx(X, {
                 "data-icon": "inline-start",
+                "aria-hidden": "true",
                 className: "size-3"
               })
             })]
@@ -8844,73 +8902,109 @@ function InputBarContent({ modelKey, models, status, infoDescription, chatMode =
           }, file.id))]
         }) : null,
         workspaceReferences.length > 0 ? /* @__PURE__ */ jsx("div", {
-          className: "mb-2 flex flex-wrap gap-1.5 rounded-xl border bg-muted/40 p-2",
+          className: "flex flex-wrap gap-1.5 rounded-xl border bg-muted/40 p-2",
           children: workspaceReferences.map((attachment) => /* @__PURE__ */ jsxs("div", {
             className: "inline-flex max-w-full items-center gap-1.5 rounded-lg border bg-background px-2 py-1 text-xs text-foreground/75",
             children: [
-              /* @__PURE__ */ jsx(FileCodeCorner, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+              /* @__PURE__ */ jsx(FileCodeCorner, {
+                "aria-hidden": "true",
+                className: "size-3.5 shrink-0 text-muted-foreground"
+              }),
               /* @__PURE__ */ jsxs("span", {
                 className: "max-w-[min(28rem,70vw)] truncate",
+                title: `@${attachment.relativePath}`,
                 children: ["@", attachment.relativePath]
               }),
               /* @__PURE__ */ jsx("button", {
                 type: "button",
                 "aria-label": `Remove workspace reference ${attachment.relativePath}`,
                 onClick: () => onRemoveWorkspaceReference?.(attachment.relativePath),
-                className: "grid size-5 shrink-0 place-items-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
-                children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+                className: cn(HIT_AREA_EXPAND_CLASS, "grid size-6 shrink-0 place-items-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring"),
+                children: /* @__PURE__ */ jsx(X, {
+                  "aria-hidden": "true",
+                  className: "size-3"
+                })
               })
             ]
           }, attachment.relativePath))
         }) : null,
-        /* @__PURE__ */ jsx(PromptInput, {
-          id: "composer-prompt",
-          name: "prompt",
-          value,
-          onValueChange: setValue,
-          onSubmit: (content) => send(content),
-          loading: isStreaming,
-          submitWhileLoading: true,
-          onStop,
-          disabled: disabled2,
-          autoFocus,
-          placeholder: placeholder ?? "Send a message\u2026",
-          onPaste: attachments?.onPaste,
-          "aria-controls": triggerOpen ? "composer-trigger-list" : void 0,
-          "aria-expanded": triggerOpen,
-          "aria-haspopup": "listbox",
-          "aria-activedescendant": triggerOpen && triggerItems[activeTriggerIndex] ? `composer-trigger-list-${triggerItems[activeTriggerIndex].id.replace(/[^a-zA-Z0-9_-]/g, "-")}` : void 0,
-          onKeyDown: handlePromptKeyDown,
-          onTextareaRef: attachTextarea,
-          ghostText,
-          leadingAction: /* @__PURE__ */ jsxs(Fragment$1, { children: [
-            /* @__PURE__ */ jsx(Button, {
-              type: "button",
-              variant: "outline",
-              size: "icon",
-              disabled: disabled2 || isStreaming,
-              "aria-label": "Open slash commands",
-              "data-slot": "composer-add",
-              onClick: openSlashMenu,
-              className: COMPOSER_ADD_BUTTON_CLASS,
-              children: /* @__PURE__ */ jsx(Plus, { className: "size-4" })
-            }),
-            /* @__PURE__ */ jsx(ModeSelector, {
-              modes: CHAT_MODES,
-              value: chatMode,
-              onChange: handleChatModeChange
+        /* @__PURE__ */ jsxs("div", {
+          className: "relative w-full",
+          children: [
+            showQuestion ? /* @__PURE__ */ jsx(InputQuestionBar, {
+              questionBar,
+              navigation,
+              roundedTop: true,
+              onDismiss: setDismissedQuestionId
+            }) : null,
+            /* @__PURE__ */ jsx(ComposerTriggerPopover, {
+              open: triggerOpen,
+              kind: triggerKind ?? "slash",
+              query: triggerKind === "slash" ? slashQuery : workspaceQuery,
+              items: triggerKind === "mention" ? filteredWorkspaceItems : void 0,
+              groups: triggerKind === "slash" ? commandGroups : void 0,
+              activeIndex: activeTriggerIndex,
+              onActiveIndexChange: setActiveTriggerIndex,
+              onSelect: (item) => {
+                if (triggerKind === "slash") selectCommand(item);
+                else selectWorkspaceReference(item);
+              },
+              title: triggerKind === "slash" ? "Commands" : "Workspace references",
+              listId: "composer-trigger-list"
             }),
-            /* @__PURE__ */ jsx(ModelSelector, {
-              models: selectorModels,
-              value: modelKey,
-              effort: thinkingLevel,
-              onModelChange: handleSelectorModelChange,
-              onEffortChange: handleEffortChange,
-              open: combinedPickerOpen,
-              onOpenChange: handleCombinedPickerOpenChange,
-              placeholder: "Model"
+            /* @__PURE__ */ jsx(PromptInput, {
+              id: "composer-prompt",
+              name: "prompt",
+              value,
+              onValueChange: setValue,
+              onSubmit: (content) => send(content),
+              loading: isStreaming,
+              submitWhileLoading: true,
+              onStop,
+              disabled: disabled2,
+              autoFocus,
+              placeholder: placeholder ?? "Send a message\u2026",
+              onPaste: attachments?.onPaste,
+              "aria-controls": triggerOpen ? "composer-trigger-list" : void 0,
+              "aria-expanded": triggerOpen,
+              "aria-haspopup": "listbox",
+              "aria-activedescendant": triggerOpen && triggerItems[activeTriggerIndex] ? `composer-trigger-list-${triggerItems[activeTriggerIndex].id.replace(/[^a-zA-Z0-9_-]/g, "-")}` : void 0,
+              onKeyDown: handlePromptKeyDown,
+              onTextareaRef: attachTextarea,
+              ghostText,
+              leadingAction: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                /* @__PURE__ */ jsx(Button, {
+                  type: "button",
+                  variant: "outline",
+                  size: "icon",
+                  disabled: disabled2 || isStreaming,
+                  "aria-label": "Open slash commands",
+                  "data-slot": "composer-add",
+                  onClick: openSlashMenu,
+                  className: COMPOSER_ADD_BUTTON_CLASS,
+                  children: /* @__PURE__ */ jsx(Plus, {
+                    "aria-hidden": "true",
+                    className: "size-4"
+                  })
+                }),
+                /* @__PURE__ */ jsx(ModeSelector, {
+                  modes: CHAT_MODES,
+                  value: chatMode,
+                  onChange: handleChatModeChange
+                }),
+                /* @__PURE__ */ jsx(ModelSelector, {
+                  models: selectorModels,
+                  value: modelKey,
+                  effort: thinkingLevel,
+                  onModelChange: handleSelectorModelChange,
+                  onEffortChange: handleEffortChange,
+                  open: combinedPickerOpen,
+                  onOpenChange: handleCombinedPickerOpenChange,
+                  placeholder: "Model"
+                })
+              ] })
             })
-          ] })
+          ]
         })
       ]
     })
@@ -9108,6 +9202,7 @@ function SessionToolRenderer(props) {
   return /* @__PURE__ */ jsx(Suspense, {
     fallback: /* @__PURE__ */ jsx("div", {
       className: "h-7 animate-pulse rounded-md bg-muted/40",
+      role: "status",
       "aria-label": "Loading tool"
     }),
     children: /* @__PURE__ */ jsx(LazySessionToolRenderer, { ...props })
@@ -9118,6 +9213,7 @@ function SessionReasoningPanel(props) {
   return /* @__PURE__ */ jsx(Suspense, {
     fallback: /* @__PURE__ */ jsx("div", {
       className: "mb-2 h-6 animate-pulse rounded-md bg-muted/40",
+      role: "status",
       "aria-label": "Loading reasoning"
     }),
     children: /* @__PURE__ */ jsx(LazySessionReasoningPanel, { ...props })
@@ -9128,25 +9224,27 @@ function ToolTimeline(props) {
   return /* @__PURE__ */ jsx(Suspense, {
     fallback: /* @__PURE__ */ jsx("div", {
       className: "h-6 animate-pulse rounded-md bg-muted/40",
+      role: "status",
       "aria-label": "Loading timeline"
     }),
     children: /* @__PURE__ */ jsx(LazyToolTimeline, { ...props })
   });
 }
-var LazyPromptSuggestions = lazy(() => import("./prompt-suggestions-D6RXFQF4-7WHYRNMN.js").then(({ PromptSuggestions: PromptSuggestions2 }) => ({ default: PromptSuggestions2 })));
+var LazyPromptSuggestions = lazy(() => import("./prompt-suggestions-h17Gu7u1-BS5SU2FY.js").then(({ PromptSuggestions: PromptSuggestions2 }) => ({ default: PromptSuggestions2 })));
 function PromptSuggestions(props) {
   return /* @__PURE__ */ jsx("div", {
     className: "min-h-8",
     children: /* @__PURE__ */ jsx(Suspense, {
       fallback: /* @__PURE__ */ jsx("div", {
         className: "h-8 animate-pulse rounded-full bg-muted/40",
+        role: "status",
         "aria-label": "Loading suggestions"
       }),
       children: /* @__PURE__ */ jsx(LazyPromptSuggestions, { ...props })
     })
   });
 }
-var LazyMessageQueue = lazy(() => import("./message-queue-BsrLcNPX-CUCBSF6U.js").then(({ MessageQueue: MessageQueue2 }) => ({ default: MessageQueue2 })));
+var LazyMessageQueue = lazy(() => import("./message-queue-Dg2okv2L-SJTUUJS7.js").then(({ MessageQueue: MessageQueue2 }) => ({ default: MessageQueue2 })));
 function MessageQueue(props) {
   return /* @__PURE__ */ jsx(Suspense, {
     fallback: null,
@@ -9298,7 +9396,7 @@ function ChatComposerHost({ inputBar, status, suggestions, onSend, onStop, isEmp
   }, [draftSetterRef]);
   return /* @__PURE__ */ jsx(InputBar, {
     ...inputBar,
-    className: cn(inputBar.className, isEmpty && "px-0 pb-0"),
+    className: inputBar.className,
     placeholder: isEmpty ? "Ask Prime to build, investigate, or change something\u2026" : inputBar.placeholder,
     controlled: {
       value: draft,
@@ -9417,8 +9515,7 @@ function AgentChat({ toolRenderers, suggestions, status, onStop, onSend, inputBa
         children: [
           isEmpty ? /* @__PURE__ */ jsx(ChatWelcome, {
             disabled: isStreaming,
-            onSelect: (item) => setDraft(item.value ?? item.label),
-            composer: composerNode
+            onSelect: (item) => setDraft(item.value ?? item.label)
           }) : null,
           /* @__PURE__ */ jsx(VirtualizedTurnList, {
             estimateSize: 400,
@@ -9451,7 +9548,7 @@ function AgentChat({ toolRenderers, suggestions, status, onStop, onSend, inputBa
           }) : null
         ]
       }),
-      !isEmpty ? composerNode : null,
+      composerNode,
       queue && (queue.steering.length > 0 || queue.followUp.length > 0) ? /* @__PURE__ */ jsx(MessageQueue, {
         queue,
         onDelete: onDeleteQueuedMessage,
@@ -9506,8 +9603,8 @@ function ChatPanel({ messages, highlightedMessageId, status, error, workspaceNam
     }) })
   });
 }
-var LazyChatCommandPalette = lazy(() => import("./chat-command-palette-BLGKnp-w-OKFIKD3T.js").then(({ ChatCommandPalette }) => ({ default: ChatCommandPalette })));
-var LazySettingsDialog = lazy(() => import("./settings-dialog-CzeangBl-YKL7CLPF.js").then(({ SettingsDialog }) => ({ default: SettingsDialog })));
+var LazyChatCommandPalette = lazy(() => import("./chat-command-palette-BMR7RsuI-U5S4X44U.js").then(({ ChatCommandPalette }) => ({ default: ChatCommandPalette })));
+var LazySettingsDialog = lazy(() => import("./settings-dialog-C-xwPYy8-TFICZWEM.js").then(({ SettingsDialog }) => ({ default: SettingsDialog })));
 var LazyForkPickerDialog = lazy(() => import("./fork-picker-dialog-B5J-S5Nm-QOMVVHI7.js").then(({ ForkPickerDialog }) => ({ default: ForkPickerDialog })));
 function ChatCommandPaletteOverlay({ chrome, conversation, dialogs, panels, session }) {
   return /* @__PURE__ */ jsx(Fragment$1, { children: dialogs.commandPaletteOpen ? /* @__PURE__ */ jsx(Suspense, {
@@ -10143,7 +10240,10 @@ function isCompletable(text) {
 function normalizedKey(text) {
   return text.trim().replace(/\s+/g, " ").toLowerCase();
 }
-function useComposerInlineCompletion(available) {
+function cacheKey(sessionId, text) {
+  return `${sessionId ?? ""}\0${normalizedKey(text)}`;
+}
+function useComposerInlineCompletion({ available, sessionId }) {
   const cache = useRef2(/* @__PURE__ */ new Map());
   const latestDraft = useRef2("");
   const inFlight = useRef2(null);
@@ -10169,7 +10269,7 @@ function useComposerInlineCompletion(available) {
     return entry;
   }, []);
   const fetchCompletion = useCallback2(async (draft) => {
-    const key = normalizedKey(draft);
+    const key = cacheKey(sessionId, draft);
     inFlight.current?.abort();
     const controller = new AbortController();
     inFlight.current = controller;
@@ -10177,29 +10277,39 @@ function useComposerInlineCompletion(available) {
       const response = await fetch(resolveChatApiUrl("/api/chat/completion"), {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ text: draft }),
+        body: JSON.stringify(sessionId ? {
+          text: draft,
+          sessionId
+        } : { text: draft }),
         signal: controller.signal
       });
       if (!response.ok) return;
       const body = await response.json();
       if (body.completion) remember(key, body.completion);
-      if (latestDraft.current !== draft) return;
+      if (inFlight.current !== controller || latestDraft.current !== draft) return;
       setOffer(body.completion ? {
+        key,
         forValue: draft,
         text: body.completion
       } : void 0);
     } catch {
     }
-  }, [remember]);
+  }, [remember, sessionId]);
   const onDraftChange = useCallback2((text) => {
     latestDraft.current = text;
     if (!available || !isCompletable(text)) {
+      inFlight.current?.abort();
+      inFlight.current = null;
       setOffer(void 0);
       return;
     }
-    const cached = readCache(normalizedKey(text));
+    const key = cacheKey(sessionId, text);
+    const cached = readCache(key);
     if (cached) {
+      inFlight.current?.abort();
+      inFlight.current = null;
       setOffer(cached.completion ? {
+        key,
         forValue: text,
         text: cached.completion
       } : void 0);
@@ -10210,15 +10320,24 @@ function useComposerInlineCompletion(available) {
   }, [
     available,
     fetchCompletion,
-    readCache
+    readCache,
+    sessionId
   ]);
-  useEffect2(() => () => inFlight.current?.abort(), []);
-  const ghost = offer ? composerCompletionGhost(offer.forValue, offer.text) : void 0;
+  useEffect2(() => () => {
+    inFlight.current?.abort();
+    inFlight.current = null;
+  }, []);
+  useEffect2(() => {
+    if (latestDraft.current) onDraftChange(latestDraft.current);
+  }, [onDraftChange]);
+  const currentOffer = offer && offer.key === cacheKey(sessionId, offer.forValue) ? offer : void 0;
+  const ghost = currentOffer ? composerCompletionGhost(currentOffer.forValue, currentOffer.text, "append") : void 0;
   return {
     onDraftChange,
-    inlineCompletion: offer && ghost ? {
-      forValue: offer.forValue,
+    inlineCompletion: currentOffer && ghost ? {
+      forValue: currentOffer.forValue,
       text: ghost,
+      mode: "append",
       onDismiss: () => setOffer(void 0)
     } : void 0
   };
@@ -10237,15 +10356,13 @@ function isClassifiable(draft) {
   if (text.startsWith("@") && !text.includes(" ")) return false;
   return true;
 }
-function suggestionFor(response, forValue) {
-  if (response.outcome !== "matched" || response.disposition !== "suggest" || !response.command) return void 0;
+function commandOfferFor(response, forValue) {
+  if (response.outcome !== "matched" || !response.command) return void 0;
   const command = composerIntentCommand(response.command);
   if (!command) return void 0;
   return {
     forValue,
-    command: command.id,
-    label: `/${command.id}`,
-    description: command.description
+    command: command.id
   };
 }
 function useComposerIntentRouting(available) {
@@ -10253,8 +10370,8 @@ function useComposerIntentRouting(available) {
   const timer = useRef2(void 0);
   const inFlight = useRef2(null);
   const latestDraft = useRef2("");
-  const dismissedKey = useRef2(void 0);
-  const [suggestion, setSuggestion] = useState2(void 0);
+  const suppressedKey = useRef2(void 0);
+  const [command, setCommand] = useState2(void 0);
   const readCache = useCallback2((key) => {
     const entry = cache.current.get(key);
     if (!entry) return void 0;
@@ -10275,6 +10392,10 @@ function useComposerIntentRouting(available) {
       cache.current.delete(oldest.value);
     }
   }, []);
+  const offerFor = useCallback2((response, forValue, key) => {
+    if (suppressedKey.current === key) return void 0;
+    return commandOfferFor(response, forValue);
+  }, []);
   const classify = useCallback2(async (draft) => {
     const key = normalizeIntentDraft(draft);
     inFlight.current?.abort();
@@ -10290,29 +10411,29 @@ function useComposerIntentRouting(available) {
       if (!response.ok) return;
       const parsed = await response.json();
       remember(key, parsed);
-      if (latestDraft.current !== draft || dismissedKey.current === key) return;
-      setSuggestion(suggestionFor(parsed, draft));
+      if (latestDraft.current !== draft) return;
+      setCommand(offerFor(parsed, draft, key));
     } catch {
     }
-  }, [remember]);
+  }, [offerFor, remember]);
   const onDraftChange = useCallback2((text) => {
     latestDraft.current = text;
     if (timer.current !== void 0) {
       clearTimeout(timer.current);
       timer.current = void 0;
     }
+    const key = normalizeIntentDraft(text);
+    if (suppressedKey.current !== void 0 && suppressedKey.current !== key) suppressedKey.current = void 0;
     if (!available || !isClassifiable(text)) {
-      setSuggestion(void 0);
+      setCommand(void 0);
       return;
     }
-    const key = normalizeIntentDraft(text);
-    if (dismissedKey.current !== void 0 && dismissedKey.current !== key) dismissedKey.current = void 0;
     const cached = readCache(key);
     if (cached) {
-      setSuggestion(suggestionFor(cached, text));
+      setCommand(offerFor(cached, text, key));
       return;
     }
-    setSuggestion(void 0);
+    setCommand(void 0);
     timer.current = setTimeout(() => {
       timer.current = void 0;
       classify(text);
@@ -10320,17 +10441,20 @@ function useComposerIntentRouting(available) {
   }, [
     available,
     classify,
+    offerFor,
     readCache
   ]);
   const takeCached = useCallback2((text) => {
     if (!available) return null;
-    const entry = readCache(normalizeIntentDraft(text));
+    const key = normalizeIntentDraft(text);
+    if (suppressedKey.current === key) return null;
+    const entry = readCache(key);
     if (!entry || entry.outcome !== "matched" || entry.disposition !== "execute") return null;
     return entry;
   }, [available, readCache]);
-  const dismissSuggestion = useCallback2(() => {
-    dismissedKey.current = normalizeIntentDraft(latestDraft.current);
-    setSuggestion(void 0);
+  const dismissCommand = useCallback2(() => {
+    suppressedKey.current = normalizeIntentDraft(latestDraft.current);
+    setCommand(void 0);
   }, []);
   useEffect2(() => {
     if (available) return;
@@ -10341,8 +10465,13 @@ function useComposerIntentRouting(available) {
     inFlight.current?.abort();
     inFlight.current = null;
     cache.current.clear();
-    setSuggestion(void 0);
+    suppressedKey.current = void 0;
+    setCommand(void 0);
   }, [available]);
+  useEffect2(() => {
+    if (!available) return;
+    if (latestDraft.current) onDraftChange(latestDraft.current);
+  }, [available, onDraftChange]);
   useEffect2(() => () => {
     if (timer.current !== void 0) clearTimeout(timer.current);
     inFlight.current?.abort();
@@ -10350,8 +10479,8 @@ function useComposerIntentRouting(available) {
   return {
     onDraftChange,
     takeCached,
-    suggestion,
-    dismissSuggestion
+    command,
+    dismissCommand
   };
 }
 function useComposerIntentAvailability() {
@@ -12160,7 +12289,7 @@ function AgentTabBar({ tabs, value, onValueChange, onClose, onNewSession }) {
             "aria-controls": agentTabPanelId(tab.id),
             "aria-selected": active,
             "aria-label": `${tab.label}, ${status}`,
-            className: cn("h-7 w-full min-w-0 justify-start text-left gap-1.5 rounded-[7px] border border-transparent px-2 text-label font-medium leading-none transition-colors motion-reduce:transition-none", active ? "bg-surface-4 text-foreground shadow-none" : "bg-transparent text-foreground/45 hover:bg-foreground/5 hover:text-foreground/75", tab.kind === "subagent" && onClose && "pr-7"),
+            className: cn("h-7 w-full min-w-0 justify-start text-start gap-1.5 rounded-[7px] border border-transparent px-2 text-label font-medium leading-none transition-colors motion-reduce:transition-none", active ? "bg-surface-4 text-foreground shadow-none" : "bg-transparent text-foreground/45 hover:bg-foreground/5 hover:text-foreground/75", tab.kind === "subagent" && onClose && "pe-7"),
             "data-state": active ? "active" : "inactive",
             id: agentTabTriggerId(tab.id),
             onClick: () => onValueChange(tab.id),
@@ -12177,12 +12306,12 @@ function AgentTabBar({ tabs, value, onValueChange, onClose, onNewSession }) {
               "aria-hidden": "true",
               className: cn("size-1.5 shrink-0 rounded-full", statusDotClass(tab.status))
             }), /* @__PURE__ */ jsx("span", {
-              className: "min-w-0 flex-1 truncate text-left",
+              className: "min-w-0 flex-1 truncate text-start",
               children: tab.label
             })]
           }), tab.kind === "subagent" && onClose ? /* @__PURE__ */ jsx(Button, {
             "aria-label": `Close ${tab.label} tab`,
-            className: "absolute top-1/2 right-1 size-5 -translate-y-1/2 rounded-[5px] p-0 text-foreground/35 opacity-0 transition-opacity motion-reduce:transition-none hover:bg-foreground/10 hover:text-foreground/75 focus-visible:opacity-100 group-hover/tab:opacity-100",
+            className: "absolute top-1/2 left-auto size-5 -translate-y-1/2 rounded-[5px] p-0 text-foreground/35 opacity-0 transition-opacity motion-reduce:transition-none hover:bg-foreground/10 hover:text-foreground/75 focus-visible:opacity-100 group-hover/tab:opacity-100 [inset-inline-start:auto] [inset-inline-end:0.25rem]",
             onClick: (event) => {
               event.stopPropagation();
               onClose(tab.id);
@@ -12245,7 +12374,7 @@ function AccountMenu({ user, onSignOut, onOpenSettings, compact = false, label =
       align: "start",
       trigger: /* @__PURE__ */ jsxs(ChromePillButton, {
         ariaLabel: "Open account menu",
-        className: cn("min-w-0 border-transparent shadow-none", compact ? "size-8 justify-center px-2" : "w-full justify-start"),
+        className: cn("min-w-0 border-transparent shadow-none", compact ? "size-8 justify-center px-2" : "w-full justify-start px-2 text-start"),
         children: [
           /* @__PURE__ */ jsx(QredenceLogo, { className: "size-3.5 shrink-0" }),
           /* @__PURE__ */ jsx("span", {
@@ -14932,8 +15061,27 @@ function useChatWorkspaceData() {
     workspaceAttachments
   ]);
   const composerIntentAvailability = useComposerIntentAvailability();
-  const { onDraftChange: onComposerDraftChange, takeCached: takeCachedIntent, suggestion: offeredIntent, dismissSuggestion: dismissIntentSuggestion } = useComposerIntentRouting(composerIntentAvailability.available);
-  const { onDraftChange: onCompletionDraftChange, inlineCompletion } = useComposerInlineCompletion(true);
+  const { onDraftChange: onComposerDraftChange, takeCached: takeCachedIntent, command: offeredCommand, dismissCommand } = useComposerIntentRouting(composerIntentAvailability.available);
+  const { onDraftChange: onCompletionDraftChange, inlineCompletion: historyCompletion } = useComposerInlineCompletion({
+    available: true,
+    sessionId: sessionMetadata.sessionId
+  });
+  const inlineCompletion = useMemo2(() => {
+    if (offeredCommand) return {
+      forValue: offeredCommand.forValue,
+      text: `/${offeredCommand.command}`,
+      mode: "replace",
+      onDismiss: () => {
+        dismissCommand();
+        historyCompletion?.onDismiss?.();
+      }
+    };
+    return historyCompletion;
+  }, [
+    dismissCommand,
+    historyCompletion,
+    offeredCommand
+  ]);
   const handleComposerDraftChange = useCallback2((text) => {
     onComposerDraftChange(text);
     onCompletionDraftChange(text);
@@ -14956,36 +15104,6 @@ function useChatWorkspaceData() {
     startNewSession: startNewSessionForWorkspace,
     takeCachedIntent
   });
-  const acceptIntentSuggestion = useCallback2(() => {
-    if (!offeredIntent) return;
-    dismissIntentSuggestion();
-    if (composerIntentCommand(offeredIntent.command)?.handling === "session") {
-      sendMessage({
-        text: `/${offeredIntent.command}`,
-        altKey: false,
-        mode: chatMode
-      });
-      return;
-    }
-    handleLocalSlashSubmit(`/${offeredIntent.command}`);
-  }, [
-    chatMode,
-    dismissIntentSuggestion,
-    handleLocalSlashSubmit,
-    offeredIntent,
-    sendMessage
-  ]);
-  const intentSuggestion = useMemo2(() => offeredIntent ? {
-    forValue: offeredIntent.forValue,
-    label: offeredIntent.label,
-    description: offeredIntent.description,
-    onAccept: acceptIntentSuggestion,
-    onDismiss: dismissIntentSuggestion
-  } : void 0, [
-    acceptIntentSuggestion,
-    dismissIntentSuggestion,
-    offeredIntent
-  ]);
   const setComposerIntentEnabled = useCallback2(async (enabled) => {
     try {
       await fetch(resolveChatApiUrl("/api/chat/intent"), {
@@ -15152,7 +15270,6 @@ function useChatWorkspaceData() {
       handleSlashCommandSelect,
       infoDescription,
       inputSuggestionItems,
-      intentSuggestion,
       inlineCompletion,
       onComposerDraftChange: handleComposerDraftChange,
       workspaceReferenceSuggestions,
@@ -15201,7 +15318,7 @@ function useChatWorkspaceData() {
     }
   };
 }
-var LazySubagentChatPanel = lazy(() => import("./subagent-chat-panel-Fa31QewE-YDPOKN74.js").then(({ SubagentChatPanel }) => ({ default: SubagentChatPanel })));
+var LazySubagentChatPanel = lazy(() => import("./subagent-chat-panel-VEVu0QXU-DPWJFCYR.js").then(({ SubagentChatPanel }) => ({ default: SubagentChatPanel })));
 function ChatWorkspaceShell() {
   const { session, conversation, composer, panels, dialogs, chrome, agentTabs } = useChatWorkspaceData();
   const toggleCommandPalette = useCallback2(() => {