@hanzo/build 0.2.55 → 0.2.56

package/lib/prompt.d.ts

@@ -61,6 +61,8 @@ export interface PromptOptions {
     framed?: boolean;
     /** Centred just above the pill: what every message is sent under. */
     note?: ReactNode;
+    /** A phone: the field takes the pill's whole width above the controls, whatever the draft. */
+    narrow?: boolean;
 }
 /**
  * The chip beside send, and the panel it opens: the effort, a sentence saying

package/lib/prompt.js

@@ -16,7 +16,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * thread column's own gutters, centred (`measure`). A transcript reads at
  * `MEASURE` and this lines up with its words.
  */
-import { SizableText, XStack, YStack } from '@hanzo/gui';
+import { SizableText, useMedia, XStack, YStack } from '@hanzo/gui';
 import { ArrowUp, AudioLines, Check, ChevronDown, Mic, Plus, Square } from '@hanzogui/lucide-icons-2';
 import { Control } from '@hanzo/composer';
 import { Popover, PopoverContent, PopoverTrigger, Separator, Tooltip, TooltipContent, TooltipTrigger } from '@hanzo/ui';
@@ -105,7 +105,7 @@ export function prompt(o) {
     // A draft past a line takes the pill's width above the controls. The same
     // field either way, moved by flex order alone: a different tree would remount
     // it and drop the caret mid-word.
-    const tall = o.value.includes('\n') || o.value.length > LINE;
+    const tall = Boolean(o.narrow) || o.value.includes('\n') || o.value.length > LINE;
     const head = o.head || o.note ? (_jsxs(YStack, { ...measure, gap: "$1.5", "data-slot": "prompt-head", children: [o.head, o.note ? (_jsx(SizableText, { "data-slot": "prompt-note", fontSize: 12, color: "$soft", text: "center", self: "center", children: o.note })) : null] })) : undefined;
     return {
         value: o.value,
@@ -154,5 +154,6 @@ export function prompt(o) {
 }
 /** The composer drawn on its own. */
 export function Prompt(o) {
-    return _jsx(Composer, { ...prompt(o) });
+    const media = useMedia();
+    return _jsx(Composer, { ...prompt({ ...o, narrow: o.narrow ?? !media.sm }) });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/build",
-  "version": "0.2.55",
+  "version": "0.2.56",
   "type": "module",
   "license": "Apache-2.0 OR MIT",
   "description": "Hanzo Build — say what you want, watch it built, deployed and running. The builder as a component, mounted by the Hanzo app at hanzo.ai.",