@hanzo/ui 8.27.9 → 8.27.11

package/dist/backends/gui/video-player.js

@@ -0,0 +1,348 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * MediaPlayer — a `<video>` with a full transport: play/pause, seek, skip,
+ * volume, captions, speed, quality, picture-in-picture and fullscreen.
+ *
+ * The `<video>` element is the platform primitive — there is no reimplementing
+ * decode or buffering in userland — wrapped in a `@hanzo/gui` frame that supplies
+ * layout, theming and the overlay chrome. The transport itself is plain state
+ * plus the DOM media/fullscreen/PiP APIs the element already exposes.
+ *
+ * Progress and volume are both the existing `Slider`, not a hand-rolled bar —
+ * one control, two uses, so a caller learns its keyboard and touch behaviour
+ * once. Speed and quality are the existing `DropdownMenu` for the same reason.
+ */
+import * as React from 'react';
+import { SizableText, XStack, YStack, styled } from '@hanzo/gui';
+import { Captions, Maximize, Minimize, Pause, PictureInPicture, Play, RotateCcw, Settings, SkipForward, Volume2, VolumeX, } from '@hanzogui/lucide-icons-2';
+import { Button } from './button.js';
+import { Slider } from './slider.js';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from './dropdown-menu.js';
+import { Spinner } from './spinner.js';
+import { slot } from './slot.js';
+const MAX_WIDTH = {
+    sm: 448,
+    md: 672,
+    lg: 896,
+};
+const SKIP_SECONDS = 10;
+const HIDE_AFTER_MS = 3000;
+const HIDE_ON_LEAVE_MS = 1000;
+const SPEEDS = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2];
+const Frame = styled(YStack, {
+    name: 'MediaPlayer',
+    position: 'relative',
+    width: '100%',
+    aspectRatio: 16 / 9,
+    bg: '#000000',
+    rounded: '$4',
+    overflow: 'hidden',
+    variants: {
+        size: {
+            sm: { maxWidth: MAX_WIDTH.sm },
+            md: { maxWidth: MAX_WIDTH.md },
+            lg: { maxWidth: MAX_WIDTH.lg },
+            full: {},
+        },
+    },
+    defaultVariants: { size: 'md' },
+});
+/** mm:ss, or h:mm:ss once the clip runs past an hour. */
+const formatTime = (time) => {
+    if (!Number.isFinite(time))
+        return '0:00';
+    const hours = Math.floor(time / 3600);
+    const minutes = Math.floor((time % 3600) / 60);
+    const seconds = Math.floor(time % 60);
+    if (hours > 0)
+        return `${hours}:${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
+    return `${minutes}:${String(seconds).padStart(2, '0')}`;
+};
+const overlayButton = {
+    variant: 'ghost',
+    size: 'icon-sm',
+    color: 'white',
+    hoverStyle: { bg: 'rgba(255,255,255,0.2)' },
+};
+export function MediaPlayer({ sources, poster, subtitles = [], size = 'md', autoPlay = false, loop = false, muted = false, preload = 'metadata', controls = true, disableKeyboard = false, disablePictureInPicture = false, onPlay, onPause, onEnded, onTimeUpdate, onVolumeChange, onQualityChange, onSpeedChange, ...props }) {
+    const videoRef = React.useRef(null);
+    const containerRef = React.useRef(null);
+    const hideTimer = React.useRef(undefined);
+    const [isPlaying, setIsPlaying] = React.useState(false);
+    const [currentTime, setCurrentTime] = React.useState(0);
+    const [duration, setDuration] = React.useState(0);
+    const [volume, setVolume] = React.useState(1);
+    const [isMuted, setIsMuted] = React.useState(muted);
+    const [isFullscreen, setIsFullscreen] = React.useState(false);
+    const [showControls, setShowControls] = React.useState(true);
+    const [playbackSpeed, setPlaybackSpeed] = React.useState(1);
+    const [currentQuality, setCurrentQuality] = React.useState(sources.find((s) => s.quality)?.quality ?? 'auto');
+    const [showSubtitles, setShowSubtitles] = React.useState(false);
+    const [isBuffering, setIsBuffering] = React.useState(false);
+    const [isPictureInPicture, setIsPictureInPicture] = React.useState(false);
+    const qualityOptions = React.useMemo(() => {
+        const seen = new Set();
+        for (const s of sources)
+            if (s.quality)
+                seen.add(s.quality);
+        return ['auto', ...seen];
+    }, [sources]);
+    const togglePlayPause = React.useCallback(() => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        if (isPlaying)
+            video.pause();
+        else
+            void video.play();
+    }, [isPlaying]);
+    const seekTo = React.useCallback((time) => {
+        if (videoRef.current)
+            videoRef.current.currentTime = time;
+    }, []);
+    const skip = React.useCallback((seconds) => {
+        seekTo(Math.max(0, Math.min(duration, currentTime + seconds)));
+    }, [currentTime, duration, seekTo]);
+    const toggleMute = React.useCallback(() => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        if (isMuted) {
+            video.volume = volume;
+            setIsMuted(false);
+        }
+        else {
+            video.volume = 0;
+            setIsMuted(true);
+        }
+    }, [isMuted, volume]);
+    const changeVolume = React.useCallback((next) => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        const clamped = Math.max(0, Math.min(1, next));
+        video.volume = clamped;
+        setVolume(clamped);
+        setIsMuted(clamped === 0);
+        onVolumeChange?.(clamped);
+    }, [onVolumeChange]);
+    const toggleFullscreen = React.useCallback(async () => {
+        if (!containerRef.current)
+            return;
+        try {
+            if (!document.fullscreenElement) {
+                await containerRef.current.requestFullscreen();
+            }
+            else {
+                await document.exitFullscreen();
+            }
+        }
+        catch {
+            // Fullscreen can be refused by the browser (no gesture, disabled by
+            // policy) — the button simply has no effect, nothing to recover.
+        }
+    }, []);
+    const togglePictureInPicture = React.useCallback(async () => {
+        const video = videoRef.current;
+        if (!video || disablePictureInPicture)
+            return;
+        try {
+            if (document.pictureInPictureElement)
+                await document.exitPictureInPicture();
+            else
+                await video.requestPictureInPicture();
+        }
+        catch {
+            // Same as fullscreen: an unsupported browser or a refused request just
+            // leaves picture-in-picture off.
+        }
+    }, [disablePictureInPicture]);
+    const changePlaybackSpeed = React.useCallback((speed) => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        video.playbackRate = speed;
+        setPlaybackSpeed(speed);
+        onSpeedChange?.(speed);
+    }, [onSpeedChange]);
+    const changeQuality = React.useCallback((quality) => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        const at = video.currentTime;
+        const wasPlaying = !video.paused;
+        const next = quality === 'auto' ? sources[0]?.src : sources.find((s) => s.quality === quality)?.src;
+        if (next)
+            video.src = next;
+        video.addEventListener('loadedmetadata', () => {
+            video.currentTime = at;
+            if (wasPlaying)
+                void video.play();
+        }, { once: true });
+        setCurrentQuality(quality);
+        onQualityChange?.(quality);
+    }, [sources, onQualityChange]);
+    const hideControlsAfterTimeout = React.useCallback(() => {
+        if (hideTimer.current)
+            clearTimeout(hideTimer.current);
+        hideTimer.current = setTimeout(() => {
+            setIsPlaying((playing) => {
+                if (playing)
+                    setShowControls(false);
+                return playing;
+            });
+        }, HIDE_AFTER_MS);
+    }, []);
+    const showControlsTemporarily = React.useCallback(() => {
+        setShowControls(true);
+        hideControlsAfterTimeout();
+    }, [hideControlsAfterTimeout]);
+    // Keyboard shortcuts, active only while focus is inside this player.
+    React.useEffect(() => {
+        if (disableKeyboard)
+            return;
+        const handleKeyDown = (e) => {
+            if (!containerRef.current?.contains(document.activeElement))
+                return;
+            switch (e.code) {
+                case 'Space':
+                    e.preventDefault();
+                    togglePlayPause();
+                    break;
+                case 'KeyF':
+                    e.preventDefault();
+                    void toggleFullscreen();
+                    break;
+                case 'KeyM':
+                    e.preventDefault();
+                    toggleMute();
+                    break;
+                case 'ArrowLeft':
+                    e.preventDefault();
+                    skip(-SKIP_SECONDS);
+                    break;
+                case 'ArrowRight':
+                    e.preventDefault();
+                    skip(SKIP_SECONDS);
+                    break;
+                case 'ArrowUp':
+                    e.preventDefault();
+                    changeVolume(volume + 0.1);
+                    break;
+                case 'ArrowDown':
+                    e.preventDefault();
+                    changeVolume(volume - 0.1);
+                    break;
+                case 'KeyC':
+                    e.preventDefault();
+                    setShowSubtitles((v) => !v);
+                    break;
+                case 'KeyP':
+                    e.preventDefault();
+                    void togglePictureInPicture();
+                    break;
+            }
+            showControlsTemporarily();
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [
+        disableKeyboard,
+        togglePlayPause,
+        toggleFullscreen,
+        toggleMute,
+        skip,
+        changeVolume,
+        volume,
+        togglePictureInPicture,
+        showControlsTemporarily,
+    ]);
+    // Media element events.
+    React.useEffect(() => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        const handlePlay = () => {
+            setIsPlaying(true);
+            setIsBuffering(false);
+            onPlay?.();
+            hideControlsAfterTimeout();
+        };
+        const handlePause = () => {
+            setIsPlaying(false);
+            setIsBuffering(false);
+            onPause?.();
+            setShowControls(true);
+        };
+        const handleTimeUpdate = () => {
+            setCurrentTime(video.currentTime);
+            setDuration(video.duration);
+            onTimeUpdate?.(video.currentTime, video.duration);
+        };
+        const handleLoadedMetadata = () => {
+            setDuration(video.duration);
+            setIsBuffering(false);
+        };
+        const handleWaiting = () => setIsBuffering(true);
+        const handleCanPlay = () => setIsBuffering(false);
+        const handleEnded = () => {
+            setIsPlaying(false);
+            setShowControls(true);
+            onEnded?.();
+        };
+        const handleVolumeChange = () => {
+            setVolume(video.volume);
+            setIsMuted(video.muted);
+        };
+        const handleEnter = () => setIsPictureInPicture(true);
+        const handleLeave = () => setIsPictureInPicture(false);
+        video.addEventListener('play', handlePlay);
+        video.addEventListener('pause', handlePause);
+        video.addEventListener('timeupdate', handleTimeUpdate);
+        video.addEventListener('loadedmetadata', handleLoadedMetadata);
+        video.addEventListener('waiting', handleWaiting);
+        video.addEventListener('canplay', handleCanPlay);
+        video.addEventListener('ended', handleEnded);
+        video.addEventListener('volumechange', handleVolumeChange);
+        video.addEventListener('enterpictureinpicture', handleEnter);
+        video.addEventListener('leavepictureinpicture', handleLeave);
+        return () => {
+            video.removeEventListener('play', handlePlay);
+            video.removeEventListener('pause', handlePause);
+            video.removeEventListener('timeupdate', handleTimeUpdate);
+            video.removeEventListener('loadedmetadata', handleLoadedMetadata);
+            video.removeEventListener('waiting', handleWaiting);
+            video.removeEventListener('canplay', handleCanPlay);
+            video.removeEventListener('ended', handleEnded);
+            video.removeEventListener('volumechange', handleVolumeChange);
+            video.removeEventListener('enterpictureinpicture', handleEnter);
+            video.removeEventListener('leavepictureinpicture', handleLeave);
+        };
+    }, [onPlay, onPause, onTimeUpdate, onEnded, hideControlsAfterTimeout]);
+    React.useEffect(() => {
+        const handleFullscreenChange = () => setIsFullscreen(!!document.fullscreenElement);
+        document.addEventListener('fullscreenchange', handleFullscreenChange);
+        return () => document.removeEventListener('fullscreenchange', handleFullscreenChange);
+    }, []);
+    React.useEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const handleMouseMove = () => showControlsTemporarily();
+        const handleMouseLeave = () => {
+            if (!isPlaying || !hideTimer.current)
+                return;
+            clearTimeout(hideTimer.current);
+            hideTimer.current = setTimeout(() => setShowControls(false), HIDE_ON_LEAVE_MS);
+        };
+        container.addEventListener('mousemove', handleMouseMove);
+        container.addEventListener('mouseleave', handleMouseLeave);
+        return () => {
+            container.removeEventListener('mousemove', handleMouseMove);
+            container.removeEventListener('mouseleave', handleMouseLeave);
+        };
+    }, [isPlaying, showControlsTemporarily]);
+    return (_jsxs(Frame, { ref: containerRef, size: size, tabIndex: 0, ...slot('media-player'), ...props, children: [_jsxs("video", { ref: videoRef, "data-slot": "media-player-video", poster: poster, autoPlay: autoPlay, loop: loop, muted: muted, preload: preload, playsInline: true, onClick: togglePlayPause, style: { width: '100%', height: '100%', objectFit: 'contain' }, children: [sources.map((source) => (_jsx("source", { src: source.src, type: source.type }, source.src))), subtitles.map((track, index) => (_jsx("track", { kind: "subtitles", src: track.src, srcLang: track.srcLang, label: track.label, default: track.default ?? index === 0 }, track.src))), "Your browser does not support the video tag."] }), isBuffering && (_jsx(YStack, { ...slot('media-player-buffering'), position: "absolute", l: 0, r: 0, t: 0, b: 0, items: "center", justify: "center", bg: "rgba(0,0,0,0.5)", pointerEvents: "none", children: _jsx(Spinner, { size: 32, color: "white" }) })), controls && (_jsxs(YStack, { ...slot('media-player-controls'), position: "absolute", l: 0, r: 0, b: 0, t: 0, justify: "flex-end", bg: "rgba(0,0,0,0.55)", opacity: showControls ? 1 : 0, pointerEvents: showControls ? 'auto' : 'none', style: { transition: 'opacity 200ms ease' }, children: [_jsx(XStack, { px: "$4", pb: "$2", children: _jsx(Slider, { "aria-label": "Seek", value: [duration > 0 ? currentTime : 0], max: duration || 1, step: 0.1, onValueChange: ([value]) => seekTo(value) }) }), _jsxs(XStack, { px: "$4", pb: "$3", items: "center", justify: "space-between", gap: "$2", children: [_jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(Button, { ...overlayButton, "aria-label": "Rewind 10 seconds", onClick: () => skip(-SKIP_SECONDS), children: _jsx(RotateCcw, { size: 16 }) }), _jsx(Button, { ...overlayButton, size: "icon", "aria-label": isPlaying ? 'Pause' : 'Play', onClick: togglePlayPause, children: isPlaying ? _jsx(Pause, { size: 18 }) : _jsx(Play, { size: 18 }) }), _jsx(Button, { ...overlayButton, "aria-label": "Forward 10 seconds", onClick: () => skip(SKIP_SECONDS), children: _jsx(SkipForward, { size: 16 }) }), _jsx(Button, { ...overlayButton, "aria-label": isMuted ? 'Unmute' : 'Mute', onClick: toggleMute, children: isMuted || volume === 0 ? _jsx(VolumeX, { size: 16 }) : _jsx(Volume2, { size: 16 }) }), _jsx(XStack, { width: 80, children: _jsx(Slider, { "aria-label": "Volume", value: [isMuted ? 0 : volume], max: 1, step: 0.1, onValueChange: ([value]) => changeVolume(value) }) }), _jsxs(SizableText, { color: "white", fontSize: "$1", ml: "$2", children: [formatTime(currentTime), " / ", formatTime(duration)] })] }), _jsxs(XStack, { items: "center", gap: "$1", children: [subtitles.length > 0 && (_jsx(Button, { ...overlayButton, "aria-label": "Toggle captions", bg: showSubtitles ? 'rgba(255,255,255,0.2)' : undefined, onClick: () => setShowSubtitles((v) => !v), children: _jsx(Captions, { size: 16 }) })), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { ...overlayButton, size: "sm", "aria-label": "Playback speed", children: [playbackSpeed, "x"] }) }), _jsx(DropdownMenuContent, { align: "end", children: SPEEDS.map((speed) => (_jsxs(DropdownMenuItem, { onSelect: () => changePlaybackSpeed(speed), children: [speed, "x"] }, speed))) })] }), qualityOptions.length > 1 && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { ...overlayButton, "aria-label": "Quality", children: _jsx(Settings, { size: 16 }) }) }), _jsx(DropdownMenuContent, { align: "end", children: qualityOptions.map((quality) => (_jsx(DropdownMenuItem, { onSelect: () => changeQuality(quality), children: quality }, quality))) })] })), !disablePictureInPicture && (_jsx(Button, { ...overlayButton, "aria-label": "Picture in picture", bg: isPictureInPicture ? 'rgba(255,255,255,0.2)' : undefined, onClick: () => void togglePictureInPicture(), children: _jsx(PictureInPicture, { size: 16 }) })), _jsx(Button, { ...overlayButton, "aria-label": isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen', onClick: () => void toggleFullscreen(), children: isFullscreen ? _jsx(Minimize, { size: 16 }) : _jsx(Maximize, { size: 16 }) })] })] })] }))] }));
+}
+//# sourceMappingURL=video-player.js.map

package/dist/backends/gui/video-player.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-player.js","sourceRoot":"","sources":["../../../src/backends/gui/video-player.tsx"],"names":[],"mappings":"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"}

package/dist/chat/Composer.cjs

@@ -7,20 +7,20 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * Composer — the one chat input for every Hanzo surface.
  *
+ * ONE ROW: `[add] [field] [mic] [send]`. `add` and `mic` are slots a surface
+ * fills; everything else is the same everywhere.
+ *
  * Presentational and controlled: it owns no draft, no transport and no model
- * state. `children` is the toolbar slot, which is where a surface puts its
- * `ModelSelector`, attachment control or mode chips — that keeps the shell the
- * same everywhere while the affordances stay per-surface.
+ * state.
  *
  * The send control is the same button in both states: it submits, and while a
- * turn is in flight it stops. Two buttons in one place was the thing every
- * surface got subtly different.
+ * turn is in flight it stops.
  *
  * Escape and ArrowUp are not bound. Dismissal belongs to whatever the composer
  * floats inside, and history recall needs a turn store this has no view of.
  *
- * Growth is `Textarea`'s and follows the content, so a wrapped paragraph raises
- * the field. `rows` is the floor, `maxHeight` the ceiling.
+ * Growth is `Textarea`'s and follows the content. `rows` is the floor,
+ * `maxHeight` the ceiling.
  */
 const gui_1 = require("@hanzo/gui");
 const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
@@ -44,7 +44,7 @@ const FLOOR = 44;
  * changes — which is what a model-named placeholder forces a surface to do.
  */
 exports.ASK = 'Ask anything';
-function Composer({ value, onChange, onSend, onStop, busy = false, disabled = false, placeholder = exports.ASK, rows = MIN_ROWS, maxHeight = CEILING, children, hint, label, field, send, ...props }) {
+function Composer({ value, onChange, onSend, onStop, busy = false, disabled = false, placeholder = exports.ASK, rows = MIN_ROWS, maxHeight = CEILING, add, mic, label, field, send, ...props }) {
     const sendable = (0, send_1.ready)(value, busy, disabled);
     const keyed = (e) => {
         const key = e.key ?? e.nativeEvent?.key ?? '';
@@ -64,12 +64,12 @@ function Composer({ value, onChange, onSend, onStop, busy = false, disabled = fa
         if (sendable)
             onSend();
     };
-    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('composer'), width: "100%", rounded: "$5", borderWidth: 1, borderColor: "$borderColor", bg: "$background", p: PAD, gap: PAD, ...props, children: [(0, jsx_runtime_1.jsx)(gui_2.Textarea, { ...(0, slot_1.slot)('composer-field'), rows: rows, placeholder: placeholder, disabled: disabled, borderWidth: 0, minH: FLOOR, maxH: maxHeight, "aria-label": label ?? placeholder, ...field, 
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('composer'), width: "100%", items: "center", gap: PAD, rounded: 9999, borderWidth: 1, borderColor: "$borderColor", bg: "$background", p: PAD, ...props, children: [add, (0, jsx_runtime_1.jsx)(gui_2.Textarea, { ...(0, slot_1.slot)('composer-field'), rows: rows, placeholder: placeholder, disabled: disabled, borderWidth: 0, minH: FLOOR, flex: 1, maxH: maxHeight, "aria-label": label ?? placeholder, ...field, 
                 // After `field`: spread over, a caller's `onKeyDown` would replace the
                 // Enter rule and the IME guard. Theirs runs first and can claim the key.
                 value: value, onChangeText: onChange, onKeyDown: (e) => {
                     field?.onKeyDown?.(e);
                     if (!e?.defaultPrevented)
                         keyed(e);
-                } }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: PAD, children: [children, (0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1 }), hint ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$soft", children: hint })) : null, send ?? ((0, jsx_runtime_1.jsx)(gui_2.Button, { ...(0, slot_1.slot)('composer-send'), size: "sm", disabled: busy ? !onStop : !sendable, onPress: busy ? onStop : onSend, "aria-label": busy ? 'Stop' : 'Send', children: busy ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Square, { size: 14 }) : (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ArrowUp, { size: 16 }) }))] })] }));
+                } }), mic, send ?? ((0, jsx_runtime_1.jsx)(gui_2.Button, { ...(0, slot_1.slot)('composer-send'), size: "sm", circular: true, disabled: busy ? !onStop : !sendable, onPress: busy ? onStop : onSend, "aria-label": busy ? 'Stop' : 'Send', children: busy ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Square, { size: 14 }) : (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ArrowUp, { size: 16 }) }))] }));
 }

package/dist/chat/Composer.d.ts

@@ -1,26 +1,26 @@
 /**
  * Composer — the one chat input for every Hanzo surface.
  *
+ * ONE ROW: `[add] [field] [mic] [send]`. `add` and `mic` are slots a surface
+ * fills; everything else is the same everywhere.
+ *
  * Presentational and controlled: it owns no draft, no transport and no model
- * state. `children` is the toolbar slot, which is where a surface puts its
- * `ModelSelector`, attachment control or mode chips — that keeps the shell the
- * same everywhere while the affordances stay per-surface.
+ * state.
  *
  * The send control is the same button in both states: it submits, and while a
- * turn is in flight it stops. Two buttons in one place was the thing every
- * surface got subtly different.
+ * turn is in flight it stops.
  *
  * Escape and ArrowUp are not bound. Dismissal belongs to whatever the composer
  * floats inside, and history recall needs a turn store this has no view of.
  *
- * Growth is `Textarea`'s and follows the content, so a wrapped paragraph raises
- * the field. `rows` is the floor, `maxHeight` the ceiling.
+ * Growth is `Textarea`'s and follows the content. `rows` is the floor,
+ * `maxHeight` the ceiling.
  */
-import { YStack } from '@hanzo/gui';
+import { XStack } from '@hanzo/gui';
 import type { ComponentProps, ReactNode } from 'react';
 import { Textarea } from '../backends/gui/index.js';
 /** `onChange` is dropped: here it carries the draft, not a DOM change event. */
-type Stack = Omit<ComponentProps<typeof YStack>, 'children' | 'onChange'>;
+type Row = Omit<ComponentProps<typeof XStack>, 'children' | 'onChange'>;
 type FieldProps = Omit<ComponentProps<typeof Textarea>, 'value' | 'onChangeText'>;
 /**
  * The resting placeholder.
@@ -31,7 +31,7 @@ type FieldProps = Omit<ComponentProps<typeof Textarea>, 'value' | 'onChangeText'
  * changes — which is what a model-named placeholder forces a surface to do.
  */
 export declare const ASK = "Ask anything";
-export interface ComposerProps extends Stack {
+export interface ComposerProps extends Row {
     value: string;
     onChange: (value: string) => void;
     /** Called when the draft is submitted. Clearing `value` is the host's job. */
@@ -46,10 +46,10 @@ export interface ComposerProps extends Stack {
     rows?: number;
     /** Ceiling for that growth, px. Past it the field scrolls instead. */
     maxHeight?: number;
-    /** Toolbar slot, rendered at the start of the footer row. */
-    children?: ReactNode;
-    /** Hint shown at the end of the footer row. */
-    hint?: string;
+    /** Leading slot — attachment, or whatever a surface adds from. */
+    add?: ReactNode;
+    /** Trailing slot, before send. Dictation belongs here. */
+    mic?: ReactNode;
     /**
      * The accessible name of the field, independent of `placeholder`.
      *
@@ -60,10 +60,9 @@ export interface ComposerProps extends Stack {
     label?: string;
     /** The field's own props — a ref, a testid, focus handlers, a paste handler. */
     field?: FieldProps;
-    /** Replaces the send control. `children` is the START of the footer row, so a
-     *  second commit mode has nowhere else to go. */
+    /** Replaces the send control. */
     send?: ReactNode;
 }
-export declare function Composer({ value, onChange, onSend, onStop, busy, disabled, placeholder, rows, maxHeight, children, hint, label, field, send, ...props }: ComposerProps): import("react").JSX.Element;
+export declare function Composer({ value, onChange, onSend, onStop, busy, disabled, placeholder, rows, maxHeight, add, mic, label, field, send, ...props }: ComposerProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Composer.d.ts.map

package/dist/chat/Composer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Composer.d.ts","sourceRoot":"","sources":["../../src/chat/Composer.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAuB,MAAM,EAAE,MAAM,YAAY,CAAA;AAExD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAU,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAIlD,gFAAgF;AAChF,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAA;AACzE,KAAK,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC,CAAA;AAajF;;;;;;;GAOG;AACH,eAAO,MAAM,GAAG,iBAAiB,CAAA;AAEjC,MAAM,WAAW,aAAc,SAAQ,KAAK;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,8EAA8E;IAC9E,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB;qDACiD;IACjD,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAM,EACN,IAAY,EACZ,QAAgB,EAChB,WAAiB,EACjB,IAAe,EACf,SAAmB,EACnB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,EACL,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,aAAa,+BAyEf"}
+{"version":3,"file":"Composer.d.ts","sourceRoot":"","sources":["../../src/chat/Composer.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEnC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAU,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAIlD,gFAAgF;AAChF,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAA;AACvE,KAAK,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC,CAAA;AAajF;;;;;;;GAOG;AACH,eAAO,MAAM,GAAG,iBAAiB,CAAA;AAEjC,MAAM,WAAW,aAAc,SAAQ,GAAG;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,8EAA8E;IAC9E,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,0DAA0D;IAC1D,GAAG,CAAC,EAAE,SAAS,CAAA;IAEf;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,iCAAiC;IACjC,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAM,EACN,IAAY,EACZ,QAAgB,EAChB,WAAiB,EACjB,IAAe,EACf,SAAmB,EACnB,GAAG,EACH,GAAG,EACH,KAAK,EACL,KAAK,EACL,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,aAAa,+BAqEf"}

package/dist/chat/Composer.js

@@ -3,22 +3,22 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Composer — the one chat input for every Hanzo surface.
  *
+ * ONE ROW: `[add] [field] [mic] [send]`. `add` and `mic` are slots a surface
+ * fills; everything else is the same everywhere.
+ *
  * Presentational and controlled: it owns no draft, no transport and no model
- * state. `children` is the toolbar slot, which is where a surface puts its
- * `ModelSelector`, attachment control or mode chips — that keeps the shell the
- * same everywhere while the affordances stay per-surface.
+ * state.
  *
  * The send control is the same button in both states: it submits, and while a
- * turn is in flight it stops. Two buttons in one place was the thing every
- * surface got subtly different.
+ * turn is in flight it stops.
  *
  * Escape and ArrowUp are not bound. Dismissal belongs to whatever the composer
  * floats inside, and history recall needs a turn store this has no view of.
  *
- * Growth is `Textarea`'s and follows the content, so a wrapped paragraph raises
- * the field. `rows` is the floor, `maxHeight` the ceiling.
+ * Growth is `Textarea`'s and follows the content. `rows` is the floor,
+ * `maxHeight` the ceiling.
  */
-import { SizableText, XStack, YStack } from '@hanzo/gui';
+import { XStack } from '@hanzo/gui';
 import { ArrowUp, Square } from '@hanzogui/lucide-icons-2';
 import { Button, Textarea } from '../backends/gui/index.js';
 import { slot } from '../backends/gui/slot.js';
@@ -40,7 +40,7 @@ const FLOOR = 44;
  * changes — which is what a model-named placeholder forces a surface to do.
  */
 export const ASK = 'Ask anything';
-export function Composer({ value, onChange, onSend, onStop, busy = false, disabled = false, placeholder = ASK, rows = MIN_ROWS, maxHeight = CEILING, children, hint, label, field, send, ...props }) {
+export function Composer({ value, onChange, onSend, onStop, busy = false, disabled = false, placeholder = ASK, rows = MIN_ROWS, maxHeight = CEILING, add, mic, label, field, send, ...props }) {
     const sendable = ready(value, busy, disabled);
     const keyed = (e) => {
         const key = e.key ?? e.nativeEvent?.key ?? '';
@@ -60,13 +60,13 @@ export function Composer({ value, onChange, onSend, onStop, busy = false, disabl
         if (sendable)
             onSend();
     };
-    return (_jsxs(YStack, { ...slot('composer'), width: "100%", rounded: "$5", borderWidth: 1, borderColor: "$borderColor", bg: "$background", p: PAD, gap: PAD, ...props, children: [_jsx(Textarea, { ...slot('composer-field'), rows: rows, placeholder: placeholder, disabled: disabled, borderWidth: 0, minH: FLOOR, maxH: maxHeight, "aria-label": label ?? placeholder, ...field, 
+    return (_jsxs(XStack, { ...slot('composer'), width: "100%", items: "center", gap: PAD, rounded: 9999, borderWidth: 1, borderColor: "$borderColor", bg: "$background", p: PAD, ...props, children: [add, _jsx(Textarea, { ...slot('composer-field'), rows: rows, placeholder: placeholder, disabled: disabled, borderWidth: 0, minH: FLOOR, flex: 1, maxH: maxHeight, "aria-label": label ?? placeholder, ...field, 
                 // After `field`: spread over, a caller's `onKeyDown` would replace the
                 // Enter rule and the IME guard. Theirs runs first and can claim the key.
                 value: value, onChangeText: onChange, onKeyDown: (e) => {
                     field?.onKeyDown?.(e);
                     if (!e?.defaultPrevented)
                         keyed(e);
-                } }), _jsxs(XStack, { items: "center", gap: PAD, children: [children, _jsx(XStack, { flex: 1 }), hint ? (_jsx(SizableText, { size: "$1", color: "$soft", children: hint })) : null, send ?? (_jsx(Button, { ...slot('composer-send'), size: "sm", disabled: busy ? !onStop : !sendable, onPress: busy ? onStop : onSend, "aria-label": busy ? 'Stop' : 'Send', children: busy ? _jsx(Square, { size: 14 }) : _jsx(ArrowUp, { size: 16 }) }))] })] }));
+                } }), mic, send ?? (_jsx(Button, { ...slot('composer-send'), size: "sm", circular: true, disabled: busy ? !onStop : !sendable, onPress: busy ? onStop : onSend, "aria-label": busy ? 'Stop' : 'Send', children: busy ? _jsx(Square, { size: 14 }) : _jsx(ArrowUp, { size: 16 }) }))] }));
 }
 //# sourceMappingURL=Composer.js.map

package/dist/chat/Composer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Composer.js","sourceRoot":"","sources":["../../src/chat/Composer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Composer.js","sourceRoot":"","sources":["../../src/chat/Composer.tsx"],"names":[],"mappings":"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"}