@hachej/boring-agent 0.1.94 → 0.1.95

package/dist/front/index.js

@@ -140,12 +140,73 @@ var defaultChatSuggestions = [
     prompt: "Help me refactor a function \u2014 clean it up without changing behavior."
   }
 ];
+function ChatSuggestionGrid({ suggestions, onSelect, className }) {
+  if (suggestions.length === 0) return null;
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      "data-boring-agent-part": "suggestion-grid",
+      style: {
+        ["--chat-empty-card-hover"]: "var(--accent-soft)",
+        ["--chat-empty-accent"]: "var(--accent)"
+      },
+      className: cn(
+        "grid w-full grid-cols-1 gap-px overflow-hidden rounded-xl bg-border/70 ring-1 ring-border/70 @[480px]:grid-cols-2",
+        className
+      ),
+      children: suggestions.map((suggestion) => {
+        const Icon = suggestion.icon;
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            "data-boring-agent-part": "suggestion-card",
+            onClick: () => {
+              if (suggestion.onSelect) {
+                suggestion.onSelect();
+                return;
+              }
+              onSelect?.(suggestion);
+            },
+            className: "group h-auto justify-start gap-3 rounded-none bg-background px-4 py-3.5 text-left hover:bg-[color:var(--chat-empty-card-hover)] focus-visible:bg-[color:var(--chat-empty-card-hover)]",
+            children: [
+              Icon && /* @__PURE__ */ jsx2(
+                Icon,
+                {
+                  className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground transition-colors group-hover:text-[color:var(--chat-empty-accent)]",
+                  strokeWidth: 1.75
+                }
+              ),
+              /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+                /* @__PURE__ */ jsx2("span", { className: "text-[13px] font-medium text-foreground", children: suggestion.label }),
+                suggestion.hint && /* @__PURE__ */ jsx2("span", { className: "text-[12px] text-muted-foreground", children: suggestion.hint })
+              ] }),
+              /* @__PURE__ */ jsx2(
+                ArrowUpRight,
+                {
+                  className: cn(
+                    "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground opacity-0 transition-all duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]",
+                    "group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:opacity-100 group-hover:text-[color:var(--chat-empty-accent)]"
+                  ),
+                  strokeWidth: 2
+                }
+              )
+            ]
+          },
+          suggestion.label
+        );
+      })
+    }
+  );
+}
 function ChatEmptyState({
   eyebrow = "New session",
-  title = "What are we building?",
+  title = "What should we work on?",
   description = "Ask a question, open a file from the workbench, or start from a template.",
   suggestions = defaultChatSuggestions,
   onSelect,
+  hero = false,
   footer,
   className
 }) {
@@ -164,65 +225,20 @@ function ChatEmptyState({
         // @container lets the hero scale to the pane it lives in, not the
         // viewport — split chat panes get the compact variant.
         "@container mx-auto flex w-full max-w-[640px] flex-col px-2 pt-12 pb-4",
+        hero && "items-center py-0 text-center",
         className
       ),
       children: [
-        eyebrow && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[10.5px] font-medium uppercase tracking-[0.16em] text-[color:var(--chat-empty-eyebrow-color)]", children: [
+        !hero && eyebrow && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[10.5px] font-medium uppercase tracking-[0.16em] text-[color:var(--chat-empty-eyebrow-color)]", children: [
           /* @__PURE__ */ jsx2("span", { className: "inline-block h-px w-4 bg-[color:var(--chat-empty-accent)]", "aria-hidden": "true" }),
           eyebrow
         ] }),
-        title && /* @__PURE__ */ jsx2("h3", { className: "mt-3 text-[24px] font-medium leading-[1.05] tracking-[-0.02em] text-[color:var(--chat-empty-title-color)] @[480px]:text-[34px]", children: title }),
-        description && /* @__PURE__ */ jsx2("p", { className: "mt-3 hidden max-w-[440px] text-[14px] leading-relaxed text-[color:var(--chat-empty-description-color)] @[420px]:block", children: description }),
-        suggestions.length > 0 && /* @__PURE__ */ jsx2(
-          "div",
-          {
-            "data-boring-agent-part": "suggestion-grid",
-            className: "mt-8 grid w-full grid-cols-1 gap-px overflow-hidden rounded-xl bg-border/70 ring-1 ring-border/70 @[480px]:grid-cols-2",
-            children: suggestions.map((suggestion) => {
-              const Icon = suggestion.icon;
-              return /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  type: "button",
-                  variant: "ghost",
-                  "data-boring-agent-part": "suggestion-card",
-                  onClick: () => {
-                    if (suggestion.onSelect) {
-                      suggestion.onSelect();
-                      return;
-                    }
-                    onSelect?.(suggestion);
-                  },
-                  className: "group h-auto justify-start gap-3 rounded-none bg-background px-4 py-3.5 text-left hover:bg-[color:var(--chat-empty-card-hover)] focus-visible:bg-[color:var(--chat-empty-card-hover)]",
-                  children: [
-                    Icon && /* @__PURE__ */ jsx2(
-                      Icon,
-                      {
-                        className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground transition-colors group-hover:text-[color:var(--chat-empty-accent)]",
-                        strokeWidth: 1.75
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-                      /* @__PURE__ */ jsx2("span", { className: "text-[13px] font-medium text-foreground", children: suggestion.label }),
-                      suggestion.hint && /* @__PURE__ */ jsx2("span", { className: "text-[12px] text-muted-foreground", children: suggestion.hint })
-                    ] }),
-                    /* @__PURE__ */ jsx2(
-                      ArrowUpRight,
-                      {
-                        className: cn(
-                          "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground opacity-0 transition-all duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]",
-                          "group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:opacity-100 group-hover:text-[color:var(--chat-empty-accent)]"
-                        ),
-                        strokeWidth: 2
-                      }
-                    )
-                  ]
-                },
-                suggestion.label
-              );
-            })
-          }
-        ),
+        title && /* @__PURE__ */ jsx2("h3", { className: cn(
+          "text-[24px] font-medium leading-[1.05] tracking-[-0.02em] text-[color:var(--chat-empty-title-color)] @[480px]:text-[34px]",
+          hero ? "m-0" : "mt-3"
+        ), children: title }),
+        !hero && description && /* @__PURE__ */ jsx2("p", { className: "mt-3 hidden max-w-[440px] text-[14px] leading-relaxed text-[color:var(--chat-empty-description-color)] @[420px]:block", children: description }),
+        /* @__PURE__ */ jsx2(ChatSuggestionGrid, { suggestions, onSelect, className: hero ? "mt-4" : "mt-8" }),
         footer
       ]
     }
@@ -7752,7 +7768,7 @@ function PiConversationSurface({
   return /* @__PURE__ */ jsxs21(
     Conversation,
     {
-      className: emptyHero ? "max-h-[45vh] flex-none" : "flex-1",
+      className: emptyHero ? cn("flex-none", runtimeNotices.length > 0 ? "max-h-[45vh]" : "max-h-[20vh]") : "flex-1",
       "aria-label": "Agent conversation",
       "aria-live": "polite",
       onScrollToBottomReady,
@@ -7772,9 +7788,9 @@ function PiConversationSurface({
               eyebrow: emptyState?.eyebrow,
               title: emptyState?.title,
               description: emptyState?.description,
-              footer: emptyState?.footer,
-              suggestions,
-              className: emptyHero ? "items-center text-center [&>p]:mx-auto" : void 0,
+              footer: emptyHero ? void 0 : emptyState?.footer,
+              suggestions: emptyHero ? [] : suggestions,
+              hero: emptyHero,
               onSelect: (suggestion) => {
                 const text = suggestion.prompt ?? suggestion.label;
                 if (!text.trim()) return;
@@ -8229,9 +8245,9 @@ function displayProviderLabel(provider) {
 import { Fragment as Fragment10, jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
 var composerActionClass = cn(
   "inline-flex h-8 items-center justify-center gap-1.5 rounded-[var(--radius-md)] border-0 bg-transparent",
-  "text-muted-foreground shadow-none transition",
+  "text-muted-foreground shadow-none transition-colors motion-reduce:transition-none",
   "hover:bg-muted/60 hover:text-foreground",
-  "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+  "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-popover",
   "disabled:pointer-events-none disabled:opacity-50"
 );
 var THINKING_LEVEL_LABELS = {
@@ -8241,10 +8257,10 @@ var THINKING_LEVEL_LABELS = {
   high: "High"
 };
 var THINKING_LEVEL_STATUS_LABELS = {
-  off: "off",
-  low: "low",
-  medium: "medium",
-  high: "high"
+  off: "Off",
+  low: "Low",
+  medium: "Medium",
+  high: "High"
 };
 var THINKING_LEVEL_DETAILS = {
   off: "No extra reasoning",
@@ -8254,7 +8270,7 @@ var THINKING_LEVEL_DETAILS = {
 };
 var selectorTriggerClass = cn(
   composerActionClass,
-  "h-7 rounded-lg border border-border/60 bg-transparent px-2 text-[12px] font-medium text-muted-foreground",
+  "h-8 rounded-lg border border-border/60 bg-transparent px-2 text-xs font-medium text-muted-foreground",
   "hover:border-border/80 hover:bg-muted/55 hover:text-foreground"
 );
 var selectorContentClass = cn(
@@ -8262,12 +8278,12 @@ var selectorContentClass = cn(
   "bg-[color:var(--popover)] p-1 text-[color:var(--popover-foreground)] shadow-xl"
 );
 var composerPickerMenuClass = cn(
-  "mb-1 w-full overflow-hidden rounded-lg border border-border/60",
-  "bg-[color:var(--popover)] text-[color:var(--popover-foreground)] shadow-lg"
+  "w-full overflow-hidden rounded-xl border border-border",
+  "bg-[color:var(--popover)] text-[color:var(--popover-foreground)] shadow-xl"
 );
 function selectorItemClass(selected) {
   return cn(
-    "flex items-center gap-2 rounded-md px-2 py-1.5 text-[13px]",
+    "flex min-h-10 items-center gap-2 rounded-md px-2.5 py-2 text-sm text-muted-foreground",
     "data-[selected=true]:bg-[color:oklch(from_var(--accent)_l_c_h/0.15)] data-[selected=true]:text-foreground",
     selected && "bg-foreground/[0.06] text-foreground"
   );
@@ -8322,7 +8338,8 @@ function ThinkingLevelGlyph({ level }) {
 function modelTriggerLabel(value, options, emptyLabel = "Default model") {
   const current = value ? options.find((m) => m.provider === value.provider && m.id === value.id) : void 0;
   const rawTriggerLabel = current?.label ?? value?.id;
-  return value ? rawTriggerLabel && current?.label && current.label !== value.id && /[A-Z]/.test(current.label) ? current.label : displayModelLabel(rawTriggerLabel ?? value.id) : emptyLabel;
+  const label = value ? rawTriggerLabel && current?.label && current.label !== value.id && /[A-Z]/.test(current.label) ? current.label : displayModelLabel(rawTriggerLabel ?? value.id) : emptyLabel;
+  return value ? label.replace(/\s+\([^)]*\)\s*$/, "") : label;
 }
 function modelMenuOptions(_value, options) {
   return options.filter((m) => m.available);
@@ -8361,15 +8378,19 @@ var ModelSelectTrigger = forwardRef(function ModelSelectTrigger2({
       title: trigger === "slash" ? `Open model picker. Current model: ${triggerDisplay}` : void 0,
       onClick,
       className: cn(
-        trigger === "slash" ? "max-w-[min(52vw,260px)] cursor-pointer overflow-hidden text-ellipsis whitespace-nowrap rounded-[var(--radius-md)] px-1.5 py-0.5 transition-colors hover:bg-foreground/[0.045] hover:text-foreground/80 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-foreground/20 disabled:pointer-events-none disabled:opacity-50" : selectorTriggerClass,
+        trigger === "slash" ? "h-8 max-w-[min(68vw,420px)] cursor-pointer overflow-hidden text-ellipsis whitespace-nowrap rounded-[var(--radius-md)] px-2 text-xs transition-colors hover:bg-muted/60 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-popover disabled:pointer-events-none disabled:opacity-50 motion-reduce:transition-none" : selectorTriggerClass,
         trigger === "slash" ? "w-auto" : "w-auto max-w-[min(52vw,260px)] gap-1",
         open && (trigger === "slash" ? "bg-muted/45" : "border-border/80 bg-muted/55 text-foreground"),
         className
       ),
       ...props,
       children: trigger === "slash" ? /* @__PURE__ */ jsxs25(Fragment10, { children: [
-        /* @__PURE__ */ jsx30("span", { className: "text-muted-foreground", children: "/model: " }),
-        /* @__PURE__ */ jsx30("span", { className: "text-foreground", children: triggerDisplay })
+        /* @__PURE__ */ jsx30("span", { className: "text-muted-foreground", children: "Model \xB7 " }),
+        /* @__PURE__ */ jsx30("span", { className: "min-w-0 truncate text-foreground", children: triggerLabel }),
+        value ? /* @__PURE__ */ jsxs25("span", { className: "shrink-0 text-muted-foreground", children: [
+          " \xB7 ",
+          displayProviderLabel(value.provider)
+        ] }) : null
       ] }) : /* @__PURE__ */ jsxs25(Fragment10, { children: [
         /* @__PURE__ */ jsx30("span", { className: "min-w-0 truncate", children: triggerDisplay }),
         /* @__PURE__ */ jsx30(ChevronDownIcon5, { className: "h-3 w-3 shrink-0 text-muted-foreground/50", "aria-hidden": "true" })
@@ -8435,11 +8456,11 @@ function ModelPickerMenu({
       {
         placeholder: "Search models\u2026",
         autoFocus: true,
-        className: "h-8 w-full border-0 bg-transparent text-[13px] outline-none focus:ring-0"
+        className: "h-8 w-full border-0 bg-transparent text-sm outline-none focus:ring-0"
       }
     ) }),
     /* @__PURE__ */ jsxs25(CommandList, { className: "max-h-[300px] p-0.5", children: [
-      /* @__PURE__ */ jsx30(CommandEmpty, { className: "py-4 text-center text-[13px] text-muted-foreground", children: "No models found" }),
+      /* @__PURE__ */ jsx30(CommandEmpty, { className: "py-4 text-center text-sm text-muted-foreground", children: "No models found" }),
       !hideDefaultOption ? /* @__PURE__ */ jsx30(CommandGroup, { children: /* @__PURE__ */ jsxs25(
         CommandItem,
         {
@@ -8461,7 +8482,7 @@ function ModelPickerMenu({
               }
             ),
             /* @__PURE__ */ jsx30("span", { className: "truncate", children: "Default model" }),
-            /* @__PURE__ */ jsx30("span", { className: "ml-auto shrink-0 text-[10px] text-muted-foreground/60", children: "auto" })
+            /* @__PURE__ */ jsx30("span", { className: "ml-auto shrink-0 text-xs text-muted-foreground", children: "Auto" })
           ]
         }
       ) }) : null,
@@ -8469,7 +8490,7 @@ function ModelPickerMenu({
         CommandGroup,
         {
           heading: displayProviderLabel(provider),
-          className: "[&_[cmdk-group-heading]]:px-2.5 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-[10px] [&_[cmdk-group-heading]]:font-semibold [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-[0.08em] [&_[cmdk-group-heading]]:text-muted-foreground/60",
+          className: "[&_[cmdk-group-heading]]:px-2.5 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-semibold [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-[0.08em] [&_[cmdk-group-heading]]:text-muted-foreground",
           children: list.map((m) => {
             const key = encodeModelKey(m);
             const label = m.label || displayModelLabel(m.id);
@@ -8495,7 +8516,7 @@ function ModelPickerMenu({
                     }
                   ),
                   /* @__PURE__ */ jsx30("span", { className: "min-w-0 flex-1 truncate whitespace-nowrap", children: label }),
-                  /* @__PURE__ */ jsx30("span", { className: "ml-auto max-w-[45%] shrink-0 truncate whitespace-nowrap text-right text-[10px] text-muted-foreground/60", children: m.id })
+                  /* @__PURE__ */ jsx30("span", { className: "ml-auto max-w-[45%] shrink-0 truncate whitespace-nowrap text-right text-xs text-muted-foreground", children: m.id })
                 ]
               },
               key
@@ -8646,7 +8667,7 @@ var ThinkingSelectTrigger = forwardRef(function ThinkingSelectTrigger2({
       "data-boring-state": disabled ? "disabled" : void 0,
       disabled,
       className: cn(
-        trigger === "slash" ? "cursor-pointer rounded-[var(--radius-md)] px-1.5 py-0.5 transition-colors hover:bg-foreground/[0.045] hover:text-foreground/80 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-foreground/20 disabled:pointer-events-none disabled:opacity-50" : selectorTriggerClass,
+        trigger === "slash" ? "h-8 cursor-pointer rounded-[var(--radius-md)] px-2 text-xs transition-colors hover:bg-muted/60 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-popover disabled:pointer-events-none disabled:opacity-50 motion-reduce:transition-none" : selectorTriggerClass,
         trigger === "button" && "gap-1.5",
         trigger === "button" && value !== "off" && !open && "border-[color:oklch(from_var(--accent)_l_c_h/0.35)] bg-[color:oklch(from_var(--accent)_l_c_h/0.08)] text-foreground",
         open && (trigger === "slash" ? "bg-muted/45" : "border-border/80 bg-muted/55 text-foreground"),
@@ -8660,7 +8681,7 @@ var ThinkingSelectTrigger = forwardRef(function ThinkingSelectTrigger2({
       children: [
         trigger === "button" ? /* @__PURE__ */ jsx30(ThinkingLevelGlyph, { level: value }) : null,
         trigger === "slash" ? /* @__PURE__ */ jsxs25(Fragment10, { children: [
-          /* @__PURE__ */ jsx30("span", { className: "text-muted-foreground", children: "/thinking: " }),
+          /* @__PURE__ */ jsx30("span", { className: "text-muted-foreground", children: "Thinking \xB7 " }),
           /* @__PURE__ */ jsx30("span", { className: "text-foreground", children: THINKING_LEVEL_STATUS_LABELS[value] })
         ] }) : /* @__PURE__ */ jsxs25(Fragment10, { children: [
           /* @__PURE__ */ jsx30("span", { children: THINKING_LEVEL_LABELS[value] }),
@@ -8735,7 +8756,7 @@ function ThinkingPickerMenu({
         ),
         /* @__PURE__ */ jsx30(ThinkingLevelGlyph, { level }),
         /* @__PURE__ */ jsx30("span", { className: "font-medium", children: THINKING_LEVEL_LABELS[level] }),
-        /* @__PURE__ */ jsx30("span", { className: "ml-auto text-[11px] text-muted-foreground/65", children: THINKING_LEVEL_DETAILS[level] })
+        /* @__PURE__ */ jsx30("span", { className: "ml-auto text-xs text-muted-foreground", children: THINKING_LEVEL_DETAILS[level] })
       ]
     },
     level
@@ -9482,10 +9503,10 @@ function AttachmentButton({ disabled, className }) {
       onClick: () => {
         if (!disabled) attachments.openFileDialog();
       },
-      className: cn(composerActionClass, "w-8", className),
+      className: cn(composerActionClass, "!h-10 !w-10", className),
       "aria-label": "Attach files",
       title: disabled ? "Attachments are available when the composer is ready." : "Attach files",
-      children: /* @__PURE__ */ jsx34(PaperclipIcon2, { className: "h-3.5 w-3.5", strokeWidth: 1.75 })
+      children: /* @__PURE__ */ jsx34(PaperclipIcon2, { className: "h-4 w-4", strokeWidth: 1.75 })
     }
   );
 }
@@ -9550,6 +9571,7 @@ function hasSoftWrappedLine(node, style) {
 }
 function PiChatComposerSurface({
   chrome,
+  pickerPlacement = "above",
   isStreaming,
   status,
   disabled,
@@ -9639,7 +9661,10 @@ function PiChatComposerSurface({
   useLayoutEffect2(() => {
     resizeTextarea(textareaRef.current);
   }, [draft, resizeTextarea, textareaRef]);
-  return /* @__PURE__ */ jsxs30("div", { className: cn("relative z-20", chrome ? "px-4 pb-4 pt-2 sm:px-6 sm:pb-5" : "px-3 pb-2 pt-1"), children: [
+  return /* @__PURE__ */ jsxs30("div", { className: cn(
+    "relative z-20",
+    chrome ? "pb-[calc(1rem+env(safe-area-inset-bottom))] pl-[calc(1rem+env(safe-area-inset-left))] pr-[calc(1rem+env(safe-area-inset-right))] pt-2 sm:pb-[calc(1.25rem+env(safe-area-inset-bottom))] sm:pl-[calc(1.5rem+env(safe-area-inset-left))] sm:pr-[calc(1.5rem+env(safe-area-inset-right))]" : "pb-[calc(0.5rem+env(safe-area-inset-bottom))] pl-[calc(0.75rem+env(safe-area-inset-left))] pr-[calc(0.75rem+env(safe-area-inset-right))] pt-1"
+  ), children: [
     /* @__PURE__ */ jsx35(
       "div",
       {
@@ -9707,219 +9732,223 @@ function PiChatComposerSurface({
         children: attachmentNotice
       }
     ) : null,
-    /* @__PURE__ */ jsxs30("div", { className: cn("mx-auto w-full", chrome ? "max-w-3xl" : "max-w-[680px]"), children: [
-      mentionState ? /* @__PURE__ */ jsx35(
-        MentionPicker,
-        {
-          mention: mentionState,
-          apiBaseUrl,
-          fetch: fetch2,
-          requestHeaders,
-          storageScope,
-          onSelect: onSelectMention,
-          onDismiss: onDismissMention
-        }
-      ) : null,
-      slashQuery !== null ? /* @__PURE__ */ jsx35(
-        SlashCommandPicker,
+    /* @__PURE__ */ jsxs30("div", { className: cn("@container group/composer relative mx-auto w-full", chrome ? "max-w-3xl" : "max-w-[680px]"), children: [
+      /* @__PURE__ */ jsxs30("div", { className: cn(
+        "absolute inset-x-0 z-30",
+        pickerPlacement === "above-compact" ? "bottom-[calc(100%+4px)] [&_[cmdk-list]]:!max-h-[200px]" : "bottom-[calc(100%+4px)]"
+      ), children: [
+        mentionState ? /* @__PURE__ */ jsx35("div", { className: "mr-px ml-[43px]", children: /* @__PURE__ */ jsx35(
+          MentionPicker,
+          {
+            mention: mentionState,
+            apiBaseUrl,
+            fetch: fetch2,
+            requestHeaders,
+            storageScope,
+            onSelect: onSelectMention,
+            onDismiss: onDismissMention
+          }
+        ) }) : null,
+        slashQuery !== null ? /* @__PURE__ */ jsx35("div", { className: "mr-px ml-[43px]", children: /* @__PURE__ */ jsx35(
+          SlashCommandPicker,
+          {
+            query: slashQuery,
+            commands,
+            onSelect: onSelectSlashCommand,
+            onDismiss: onDismissSlash
+          }
+        ) }) : null,
+        mentionState === null && slashQuery === null && modelPickerOpen ? /* @__PURE__ */ jsx35("div", { className: "mr-px mb-1 ml-[43px]", children: /* @__PURE__ */ jsx35(
+          ModelPickerMenu,
+          {
+            value: selectedModel,
+            onChange: onModelChange,
+            options: modelOptions,
+            disabled: isStreaming || modelControlled,
+            hideDefaultOption: hideDefaultModelOption,
+            onClose: () => onSetModelPickerOpen(false)
+          }
+        ) }) : null,
+        mentionState === null && slashQuery === null && thinkingPickerOpen ? /* @__PURE__ */ jsx35("div", { className: "mr-px mb-1 ml-[43px]", children: /* @__PURE__ */ jsx35(
+          ThinkingPickerMenu,
+          {
+            value: selectedThinking,
+            onChange: onThinkingChange,
+            disabled: isStreaming || thinkingControlled,
+            onClose: () => onSetThinkingPickerOpen(false)
+          }
+        ) }) : null
+      ] }),
+      composerContributions.map(({ id, Top }) => Top ? /* @__PURE__ */ jsx35(
+        "div",
         {
-          query: slashQuery,
-          commands,
-          onSelect: onSelectSlashCommand,
-          onDismiss: onDismissSlash
-        }
-      ) : null,
-      mentionState === null && slashQuery === null && modelPickerOpen ? /* @__PURE__ */ jsx35(
-        ModelPickerMenu,
+          "data-boring-agent-part": "composer-contribution-top",
+          "data-boring-agent-contribution-id": id,
+          className: cn("mx-auto mb-2 w-full empty:hidden", chrome ? "max-w-3xl" : "max-w-[680px]"),
+          children: /* @__PURE__ */ jsx35(Top, {})
+        },
+        id
+      ) : null),
+      /* @__PURE__ */ jsx35(
+        "div",
         {
-          value: selectedModel,
-          onChange: onModelChange,
-          options: modelOptions,
-          disabled: isStreaming || modelControlled,
-          hideDefaultOption: hideDefaultModelOption,
-          onClose: () => onSetModelPickerOpen(false)
+          "data-boring-agent-part": "composer-rail",
+          "data-composer-multiline": "false",
+          style: { "--composer-input-group-height": `${COMPOSER_INPUT_GROUP_MIN_HEIGHT}px` },
+          className: cn(
+            "relative mx-auto w-full overflow-visible rounded-xl",
+            chrome ? "max-w-3xl bg-transparent shadow-[0_1px_2px_-1px_oklch(0_0_0/0.06),0_6px_18px_-12px_oklch(0_0_0/0.12),inset_0_0_0_1px_oklch(from_var(--border)_l_c_h/0.7)] focus-within:shadow-[0_1px_3px_-1px_oklch(0_0_0/0.08),0_10px_28px_-14px_oklch(0_0_0/0.16),inset_0_0_0_1px_oklch(from_var(--accent)_l_c_h/0.45)]" : "max-w-[680px] bg-transparent shadow-[inset_0_0_0_1px_oklch(from_var(--border)_l_c_h/0.7)] focus-within:shadow-[inset_0_0_0_1px_oklch(from_var(--accent)_l_c_h/0.45)]",
+            "transition-shadow duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]",
+            "[&_[data-slot=input-group]]:!h-auto [&_[data-slot=input-group]]:!min-h-[var(--composer-input-group-height)]",
+            "[&_[data-slot=input-group]]:!flex-col [&_[data-slot=input-group]]:!items-stretch [&_[data-slot=input-group]]:!overflow-hidden",
+            "[&_[data-slot=input-group]]:!border-0 [&_[data-slot=input-group]]:!rounded-xl",
+            "[&_[data-slot=input-group]]:!bg-transparent [&_[data-slot=input-group]]:!shadow-none",
+            "[&_[data-slot=input-group]]:dark:!bg-transparent [&_[data-slot=input-group]]:!ring-0",
+            "[&_[data-slot=input-group]]:has-[:focus]:!ring-0",
+            "[&[data-composer-multiline=true]_[data-boring-agent-part=composer-submit-addon]]:self-end",
+            "[&[data-composer-multiline=true]_[data-boring-agent-part=composer-submit-addon]]:mb-2"
+          ),
+          children: /* @__PURE__ */ jsxs30(
+            PromptInput,
+            {
+              "data-boring-state": status,
+              onSubmit: (message) => onSubmitMessage({ text: message.text, files: message.files }),
+              onUploadFile: uploadAttachment,
+              multiple: true,
+              maxFiles: disabled || isStreaming ? 0 : MAX_PROMPT_ATTACHMENTS,
+              maxFileSize: MAX_PROMPT_ATTACHMENT_BYTES,
+              onError: (err) => {
+                if (err.code === "max_files") onAttachmentNotice(`Up to ${MAX_PROMPT_ATTACHMENTS} attachments per message.`);
+                else if (err.code === "max_file_size") onAttachmentNotice("Files must be under 4 MB each.");
+                else if (err.code === "accept") onAttachmentNotice("That file type isn't supported here.");
+                else onAttachmentNotice(err.message || "Attachment rejected.");
+              },
+              children: [
+                /* @__PURE__ */ jsx35(AttachmentsList, {}),
+                /* @__PURE__ */ jsxs30(
+                  "div",
+                  {
+                    "data-boring-agent-part": "composer-input-row",
+                    className: "flex min-h-[var(--composer-input-group-height)] w-full items-center",
+                    children: [
+                      /* @__PURE__ */ jsx35("div", { className: "flex h-14 shrink-0 items-center pl-2", children: /* @__PURE__ */ jsx35(AttachmentButton, { disabled: disabled || isStreaming }) }),
+                      /* @__PURE__ */ jsx35(
+                        PromptInputTextarea,
+                        {
+                          value: draft,
+                          placeholder: composerBlocked ? workspaceWarmupBlocked ? composerBlockerLabel : "" : composerPlaceholder ?? "Ask anything\u2026",
+                          disabled,
+                          readOnly: composerBlocked,
+                          "aria-label": "Agent prompt",
+                          ref: (node) => {
+                            textareaRef.current = node;
+                            resizeTextarea(node);
+                          },
+                          onChange: onTextareaChange,
+                          onKeyDown: onTextareaKeyDown,
+                          style: { fieldSizing: "fixed" },
+                          className: cn(
+                            "min-w-0 flex-1 !min-h-10 !max-h-40 resize-none overflow-hidden border-0 bg-transparent shadow-none",
+                            "[field-sizing:fixed]",
+                            "px-2 py-2 text-sm leading-6 text-foreground",
+                            "placeholder:text-muted-foreground/60",
+                            "focus-visible:ring-0 focus-visible:ring-offset-0"
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsx35(
+                        PromptInputFooter,
+                        {
+                          align: "inline-end",
+                          "data-boring-agent-part": "composer-submit-addon",
+                          className: "!order-none !w-auto shrink-0 self-center justify-between border-0 bg-transparent !px-2 !py-0",
+                          children: /* @__PURE__ */ jsxs30("div", { className: "ml-auto flex items-center gap-1.5", children: [
+                            composerContributions.map(({ id, Action }) => Action ? /* @__PURE__ */ jsx35(
+                              "span",
+                              {
+                                "data-boring-agent-part": "composer-contribution-action",
+                                "data-boring-agent-contribution-id": id,
+                                className: "contents",
+                                children: /* @__PURE__ */ jsx35(Action, { updateDraft })
+                              },
+                              id
+                            ) : null),
+                            /* @__PURE__ */ jsx35(
+                              PromptInputSubmit,
+                              {
+                                "data-boring-agent-part": "composer-submit",
+                                status: submitStatus,
+                                onStop,
+                                disabled: submitDisabled,
+                                className: cn(
+                                  "h-8 w-8 shrink-0 rounded-full",
+                                  "bg-foreground text-background",
+                                  "transition-all duration-150 ease-[cubic-bezier(0.22,1,0.36,1)]",
+                                  "hover:bg-foreground/90 hover:shadow-[0_0_0_3px_oklch(from_var(--foreground)_l_c_h/0.12)] hover:scale-[1.04]",
+                                  "active:scale-[0.93] active:brightness-95",
+                                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-foreground/20",
+                                  "disabled:pointer-events-none disabled:opacity-40",
+                                  "[&>svg]:size-3.5"
+                                )
+                              }
+                            )
+                          ] })
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          )
         }
-      ) : null,
-      mentionState === null && slashQuery === null && thinkingPickerOpen ? /* @__PURE__ */ jsx35(
-        ThinkingPickerMenu,
+      ),
+      hideComposerSettings ? null : /* @__PURE__ */ jsx35(
+        "div",
         {
-          value: selectedThinking,
-          onChange: onThinkingChange,
-          disabled: isStreaming || thinkingControlled,
-          onClose: () => onSetThinkingPickerOpen(false)
-        }
-      ) : null
-    ] }),
-    composerContributions.map(({ id, Top }) => Top ? /* @__PURE__ */ jsx35(
-      "div",
-      {
-        "data-boring-agent-part": "composer-contribution-top",
-        "data-boring-agent-contribution-id": id,
-        className: cn("mx-auto mb-2 w-full empty:hidden", chrome ? "max-w-3xl" : "max-w-[680px]"),
-        children: /* @__PURE__ */ jsx35(Top, {})
-      },
-      id
-    ) : null),
-    /* @__PURE__ */ jsx35(
-      "div",
-      {
-        "data-boring-agent-part": "composer-rail",
-        "data-composer-multiline": "false",
-        style: { "--composer-input-group-height": `${COMPOSER_INPUT_GROUP_MIN_HEIGHT}px` },
-        className: cn(
-          "relative mx-auto w-full overflow-visible rounded-[28px]",
-          chrome ? "max-w-3xl bg-transparent shadow-[0_1px_2px_-1px_oklch(0_0_0/0.06),0_6px_18px_-12px_oklch(0_0_0/0.12),inset_0_0_0_1px_oklch(from_var(--border)_l_c_h/0.7)] focus-within:shadow-[0_1px_3px_-1px_oklch(0_0_0/0.08),0_10px_28px_-14px_oklch(0_0_0/0.16),inset_0_0_0_1px_oklch(from_var(--accent)_l_c_h/0.45)]" : "max-w-[680px] bg-transparent shadow-[inset_0_0_0_1px_oklch(from_var(--border)_l_c_h/0.7)] focus-within:shadow-[inset_0_0_0_1px_oklch(from_var(--accent)_l_c_h/0.45)]",
-          "transition-shadow duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]",
-          "[&_[data-slot=input-group]]:!h-auto [&_[data-slot=input-group]]:!min-h-[var(--composer-input-group-height)]",
-          "[&_[data-slot=input-group]]:!flex-col [&_[data-slot=input-group]]:!items-stretch [&_[data-slot=input-group]]:!overflow-hidden",
-          "[&_[data-slot=input-group]]:!border-0 [&_[data-slot=input-group]]:!rounded-[28px]",
-          "[&_[data-slot=input-group]]:!bg-transparent [&_[data-slot=input-group]]:!shadow-none",
-          "[&_[data-slot=input-group]]:dark:!bg-transparent [&_[data-slot=input-group]]:!ring-0",
-          "[&_[data-slot=input-group]]:has-[:focus]:!ring-0",
-          "[&[data-composer-multiline=true]_[data-boring-agent-part=composer-submit-addon]]:self-end",
-          "[&[data-composer-multiline=true]_[data-boring-agent-part=composer-submit-addon]]:mb-2"
-        ),
-        children: /* @__PURE__ */ jsxs30(
-          PromptInput,
-          {
-            "data-boring-state": status,
-            onSubmit: (message) => onSubmitMessage({ text: message.text, files: message.files }),
-            onUploadFile: uploadAttachment,
-            multiple: true,
-            maxFiles: disabled || isStreaming ? 0 : MAX_PROMPT_ATTACHMENTS,
-            maxFileSize: MAX_PROMPT_ATTACHMENT_BYTES,
-            onError: (err) => {
-              if (err.code === "max_files") onAttachmentNotice(`Up to ${MAX_PROMPT_ATTACHMENTS} attachments per message.`);
-              else if (err.code === "max_file_size") onAttachmentNotice("Files must be under 4 MB each.");
-              else if (err.code === "accept") onAttachmentNotice("That file type isn't supported here.");
-              else onAttachmentNotice(err.message || "Attachment rejected.");
-            },
-            children: [
-              /* @__PURE__ */ jsx35(AttachmentsList, {}),
-              /* @__PURE__ */ jsxs30(
-                "div",
-                {
-                  "data-boring-agent-part": "composer-input-row",
-                  className: "flex min-h-[var(--composer-input-group-height)] w-full items-center",
-                  children: [
-                    /* @__PURE__ */ jsx35("div", { className: "flex h-14 shrink-0 items-center pl-2", children: /* @__PURE__ */ jsx35(AttachmentButton, { disabled: disabled || isStreaming }) }),
-                    /* @__PURE__ */ jsx35(
-                      PromptInputTextarea,
-                      {
-                        value: draft,
-                        placeholder: composerBlocked ? workspaceWarmupBlocked ? composerBlockerLabel : "" : composerPlaceholder ?? "Ask anything\u2026",
-                        disabled,
-                        readOnly: composerBlocked,
-                        "aria-label": "Agent prompt",
-                        ref: (node) => {
-                          textareaRef.current = node;
-                          resizeTextarea(node);
-                        },
-                        onChange: onTextareaChange,
-                        onKeyDown: onTextareaKeyDown,
-                        style: { fieldSizing: "fixed" },
-                        className: cn(
-                          "min-w-0 flex-1 !min-h-10 !max-h-40 resize-none overflow-hidden border-0 bg-transparent shadow-none",
-                          "[field-sizing:fixed]",
-                          "px-2 py-2 text-[13px] leading-6",
-                          "placeholder:text-muted-foreground/45",
-                          "focus-visible:ring-0 focus-visible:ring-offset-0"
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ jsx35(
-                      PromptInputFooter,
-                      {
-                        align: "inline-end",
-                        "data-boring-agent-part": "composer-submit-addon",
-                        className: "!order-none !w-auto shrink-0 self-center justify-between border-0 bg-transparent !px-2 !py-0",
-                        children: /* @__PURE__ */ jsxs30("div", { className: "ml-auto flex items-center gap-1.5", children: [
-                          composerContributions.map(({ id, Action }) => Action ? /* @__PURE__ */ jsx35(
-                            "span",
-                            {
-                              "data-boring-agent-part": "composer-contribution-action",
-                              "data-boring-agent-contribution-id": id,
-                              className: "contents",
-                              children: /* @__PURE__ */ jsx35(Action, { updateDraft })
-                            },
-                            id
-                          ) : null),
-                          /* @__PURE__ */ jsx35(
-                            PromptInputSubmit,
-                            {
-                              "data-boring-agent-part": "composer-submit",
-                              status: submitStatus,
-                              onStop,
-                              disabled: submitDisabled,
-                              className: cn(
-                                "h-8 w-8 shrink-0 rounded-full",
-                                "bg-foreground",
-                                "text-background",
-                                "transition-all duration-150 ease-[cubic-bezier(0.22,1,0.36,1)]",
-                                "hover:bg-foreground/90 hover:shadow-[0_0_0_3px_oklch(from_var(--foreground)_l_c_h/0.12)] hover:scale-[1.04]",
-                                "active:scale-[0.93] active:brightness-95",
-                                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-foreground/20",
-                                "disabled:pointer-events-none disabled:opacity-40",
-                                "[&>svg]:size-3.5"
-                              )
-                            }
-                          )
-                        ] })
-                      }
-                    )
-                  ]
-                }
-              )
-            ]
-          }
-        )
-      }
-    ),
-    hideComposerSettings ? null : /* @__PURE__ */ jsxs30(
-      "div",
-      {
-        "data-boring-agent-part": "composer-settings-row",
-        className: cn(
-          "mx-auto mt-1.5 flex w-full items-center justify-center gap-1.5 text-[10.5px] text-muted-foreground/45",
-          chrome ? "max-w-3xl" : "max-w-[680px]"
-        ),
-        children: [
-          /* @__PURE__ */ jsx35(
-            ModelSelectTrigger,
-            {
-              value: selectedModel,
-              options: modelOptions,
-              disabled: isStreaming || modelControlled,
-              trigger: "slash",
-              open: modelPickerOpen,
-              onClick: () => {
-                if (modelPickerOpen) {
-                  onSetModelPickerOpen(false);
-                  return;
+          "data-boring-agent-part": "composer-settings-row",
+          className: cn(
+            "mx-auto mt-2 grid min-h-8 w-full grid-cols-[minmax(0,1fr)_auto] items-center text-xs text-muted-foreground",
+            chrome ? "max-w-3xl" : "max-w-[680px]"
+          ),
+          children: /* @__PURE__ */ jsxs30("div", { className: "flex min-w-0 items-center justify-center gap-1", children: [
+            /* @__PURE__ */ jsx35(
+              ModelSelectTrigger,
+              {
+                value: selectedModel,
+                options: modelOptions,
+                disabled: isStreaming || modelControlled,
+                trigger: "slash",
+                open: modelPickerOpen,
+                onClick: () => {
+                  if (modelPickerOpen) {
+                    onSetModelPickerOpen(false);
+                    return;
+                  }
+                  void onOpenModelPicker();
                 }
-                void onOpenModelPicker();
               }
-            }
-          ),
-          thinkingControl ? /* @__PURE__ */ jsx35(
-            ThinkingSelectTrigger,
-            {
-              value: selectedThinking,
-              disabled: isStreaming || thinkingControlled,
-              trigger: "slash",
-              open: thinkingPickerOpen,
-              onClick: () => {
-                if (thinkingPickerOpen) {
-                  onSetThinkingPickerOpen(false);
-                  return;
+            ),
+            thinkingControl ? /* @__PURE__ */ jsx35(
+              ThinkingSelectTrigger,
+              {
+                value: selectedThinking,
+                disabled: isStreaming || thinkingControlled,
+                trigger: "slash",
+                open: thinkingPickerOpen,
+                onClick: () => {
+                  if (thinkingPickerOpen) {
+                    onSetThinkingPickerOpen(false);
+                    return;
+                  }
+                  void onOpenThinkingPicker();
                 }
-                void onOpenThinkingPicker();
               }
-            }
-          ) : null
-        ]
-      }
-    )
+            ) : null
+          ] })
+        }
+      )
+    ] })
   ] });
 }
 function getHeaderValue(headers, name) {
@@ -10146,7 +10175,7 @@ function PiChatPanel({
   hotReloadEnabled = true,
   suggestions = defaultChatSuggestions,
   emptyState,
-  emptyPlacement = "default",
+  emptyPlacement = "hero",
   composerPlaceholder,
   initialDraft,
   autoSubmitInitialDraft = false,
@@ -10905,6 +10934,78 @@ function PiChatPanel({
     }
     handleComposerKeyDown(event);
   }, [handleComposerKeyDown, interrupt, isStreaming, mentionState, slashQuery]);
+  const selectEmptySuggestion = useCallback18((suggestion) => {
+    const text = suggestion.prompt ?? suggestion.label;
+    if (!text.trim()) return;
+    void sendComposerMessage({ text, files: [], source: "suggestion" }).then((result) => {
+      if (result === false) setComposerDraft(text);
+    });
+  }, [sendComposerMessage, setComposerDraft]);
+  const composerSurface = /* @__PURE__ */ jsx36(
+    PiChatComposerSurface,
+    {
+      chrome,
+      pickerPlacement: emptyHero ? "above-compact" : "above",
+      isStreaming,
+      status,
+      disabled,
+      submitStatus,
+      submitDisabled,
+      composerBlocked,
+      composerBlockerLabel,
+      composerPlaceholder,
+      composerStatusNotice,
+      workspaceWarmupBlocked,
+      primaryComposerBlocker,
+      onComposerBlockerAction,
+      queuePreview,
+      onEditQueued: editQueued,
+      hotReloadEnabled,
+      pluginUpdateState,
+      onDismissPluginUpdate: dismissPluginUpdate,
+      onRunPluginUpdate: runPluginUpdate,
+      commandNotifyState,
+      onDismissCommandNotify: dismissCommandNotify,
+      attachmentNotice,
+      onAttachmentNotice: setAttachmentNotice,
+      mentionState,
+      slashQuery,
+      apiBaseUrl,
+      fetch: fetch2,
+      requestHeaders: normalizedRequestHeaders,
+      storageScope,
+      onSelectMention: selectMention,
+      onDismissMention: dismissMention,
+      commands: allCommands,
+      onSelectSlashCommand: selectSlashCommand,
+      onDismissSlash: dismissSlash,
+      modelPickerOpen,
+      selectedModel,
+      modelOptions,
+      modelControlled: model !== void 0,
+      hideDefaultModelOption,
+      hideComposerSettings,
+      onModelChange: modelDiscovery.setModel,
+      onSetModelPickerOpen: setModelPickerOpen,
+      onOpenModelPicker: openModelPicker,
+      thinkingPickerOpen,
+      selectedThinking,
+      thinkingControl,
+      thinkingControlled: thinkingLevel !== void 0,
+      onThinkingChange: setStoredThinkingLevel,
+      onSetThinkingPickerOpen: setThinkingPickerOpen,
+      onOpenThinkingPicker: openThinkingPicker,
+      draft,
+      textareaRef,
+      onTextareaChange,
+      onTextareaKeyDown,
+      updateDraft: (update, options) => {
+        setComposerDraft(update(draftRef.current), options?.focus ?? true);
+      },
+      onSubmitMessage: ({ text, files }) => sendComposerMessage({ text, files }),
+      onStop: stop
+    }
+  );
   return /* @__PURE__ */ jsx36(ArtifactOpenProvider, { onOpenArtifact, children: /* @__PURE__ */ jsxs31(
     "div",
     {
@@ -10940,8 +11041,8 @@ function PiChatPanel({
           "div",
           {
             className: cn(
-              "flex h-full min-h-0 flex-col overflow-hidden",
-              emptyHero && "justify-center",
+              "flex h-full min-h-0 flex-col",
+              emptyHero ? "justify-center overflow-y-auto py-6" : "overflow-hidden",
               chrome && "mx-3 my-3 rounded-xl bg-[color:var(--surface-chat)] shadow-[0_1px_0_oklch(0_0_0/0.02),0_1px_2px_-1px_oklch(0_0_0/0.04),inset_0_0_0_1px_oklch(from_var(--border)_l_c_h/0.6)]"
             ),
             children: [
@@ -10970,70 +11071,18 @@ function PiChatPanel({
                   windowResetKey: activeSessionId
                 }
               ),
-              /* @__PURE__ */ jsx36(
-                PiChatComposerSurface,
+              composerSurface,
+              emptyHero ? /* @__PURE__ */ jsxs31(
+                "div",
                 {
-                  chrome,
-                  isStreaming,
-                  status,
-                  disabled,
-                  submitStatus,
-                  submitDisabled,
-                  composerBlocked,
-                  composerBlockerLabel,
-                  composerPlaceholder,
-                  composerStatusNotice,
-                  workspaceWarmupBlocked,
-                  primaryComposerBlocker,
-                  onComposerBlockerAction,
-                  queuePreview,
-                  onEditQueued: editQueued,
-                  hotReloadEnabled,
-                  pluginUpdateState,
-                  onDismissPluginUpdate: dismissPluginUpdate,
-                  onRunPluginUpdate: runPluginUpdate,
-                  commandNotifyState,
-                  onDismissCommandNotify: dismissCommandNotify,
-                  attachmentNotice,
-                  onAttachmentNotice: setAttachmentNotice,
-                  mentionState,
-                  slashQuery,
-                  apiBaseUrl,
-                  fetch: fetch2,
-                  requestHeaders: normalizedRequestHeaders,
-                  storageScope,
-                  onSelectMention: selectMention,
-                  onDismissMention: dismissMention,
-                  commands: allCommands,
-                  onSelectSlashCommand: selectSlashCommand,
-                  onDismissSlash: dismissSlash,
-                  modelPickerOpen,
-                  selectedModel,
-                  modelOptions,
-                  modelControlled: model !== void 0,
-                  hideDefaultModelOption,
-                  hideComposerSettings,
-                  onModelChange: modelDiscovery.setModel,
-                  onSetModelPickerOpen: setModelPickerOpen,
-                  onOpenModelPicker: openModelPicker,
-                  thinkingPickerOpen,
-                  selectedThinking,
-                  thinkingControl,
-                  thinkingControlled: thinkingLevel !== void 0,
-                  onThinkingChange: setStoredThinkingLevel,
-                  onSetThinkingPickerOpen: setThinkingPickerOpen,
-                  onOpenThinkingPicker: openThinkingPicker,
-                  draft,
-                  textareaRef,
-                  onTextareaChange,
-                  onTextareaKeyDown,
-                  updateDraft: (update, options) => {
-                    setComposerDraft(update(draftRef.current), options?.focus ?? true);
-                  },
-                  onSubmitMessage: ({ text, files }) => sendComposerMessage({ text, files }),
-                  onStop: stop
+                  "data-boring-agent-part": "empty-hero-suggestions",
+                  className: "@container mx-auto w-full max-w-[640px] px-2 pb-4",
+                  children: [
+                    /* @__PURE__ */ jsx36(ChatSuggestionGrid, { suggestions, onSelect: selectEmptySuggestion, className: "mt-4" }),
+                    emptyState?.footer
+                  ]
                 }
-              )
+              ) : null
             ]
           }
         ) }),