@mihe-dev/react 0.0.0-stage → 0.1.0

package/dist/provider.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * `AssistantProvider` — the React binding of `Mihe` (doc 08).
+ *
+ * Everything the assistant does — the session, the screen publishing, the
+ * commands, the cards, voice — lives in `@mihe-dev/js`. This file only holds one
+ * `Mihe` for the tree and reads its state with `useSyncExternalStore`, so
+ * the React SDK and the JavaScript one cannot behave differently.
+ */
+import { createContext, useContext, useEffect, useMemo, useState, useSyncExternalStore, } from "react";
+import { Mihe, } from "@mihe-dev/js";
+export { SDK_VERSION, ASSISTANT_PANEL_ID } from "@mihe-dev/js";
+const AssistantContext = createContext(null);
+export function AssistantProvider({ url, publicKey, getUserToken, navigate, openModal, onActionComplete, debug = false, children, }) {
+    // One for the life of the tree. Constructing it has no effects; the
+    // session opens in the effect below, so StrictMode's double mount opens
+    // and closes it rather than leaking one.
+    const [mihe] = useState(() => new Mihe({ url, publicKey, getUserToken, debug }));
+    // Callbacks are read at call time, so a caller passing inline arrow
+    // functions — which almost everyone does — does not rebuild the session on
+    // every render. None of these reconnects.
+    mihe.update({ getUserToken, navigate, openModal, onActionComplete });
+    // The session outlives renders; only a genuine identity change rebuilds it.
+    useEffect(() => {
+        mihe.update({ url, publicKey, debug });
+        mihe.connect();
+        return () => mihe.disconnect();
+    }, [mihe, url, publicKey, debug]);
+    const state = useSyncExternalStore(mihe.subscribe, mihe.getState, mihe.getState);
+    const value = useMemo(() => ({
+        ...state,
+        store: mihe.store,
+        send: mihe.send,
+        respondToProposal: mihe.respondToProposal,
+        open: mihe.open,
+        close: mihe.close,
+        toggle: mihe.toggle,
+    }), [mihe, state]);
+    return _jsx(AssistantContext.Provider, { value: value, children: children });
+}
+export function useAssistant() {
+    const value = useContext(AssistantContext);
+    if (!value) {
+        throw new Error("useAssistant must be used inside <AssistantProvider>. Wrap your app in it.");
+    }
+    return value;
+}
+/** Non-throwing variant, for hooks that should no-op outside the provider. */
+export function useOptionalAssistant() {
+    return useContext(AssistantContext);
+}
+//# sourceMappingURL=provider.js.map

package/dist/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../../../react/src/provider.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,aAAa,EACb,UAAU,EACV,SAAS,EACT,OAAO,EACP,QAAQ,EACR,oBAAoB,GAErB,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,IAAI,GAIL,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAY/D,MAAM,gBAAgB,GAAG,aAAa,CAA+B,IAAI,CAAC,CAAC;AAM3E,MAAM,UAAU,iBAAiB,CAAC,EAChC,GAAG,EACH,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,KAAK,GAAG,KAAK,EACb,QAAQ,GACe;IACvB,oEAAoE;IACpE,wEAAwE;IACxE,yCAAyC;IACzC,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IAEjF,oEAAoE;IACpE,2EAA2E;IAC3E,0CAA0C;IAC1C,IAAI,CAAC,MAAM,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAErE,4EAA4E;IAC5E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;QACvC,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAElC,MAAM,KAAK,GAAG,oBAAoB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAEjF,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,KAAK;QACR,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;QACzC,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,MAAM,EAAE,IAAI,CAAC,MAAM;KACpB,CAAC,EACF,CAAC,IAAI,EAAE,KAAK,CAAC,CACd,CAAC;IAEF,OAAO,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA6B,CAAC;AACzF,CAAC;AAED,MAAM,UAAU,YAAY;IAC1B,MAAM,KAAK,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC3C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CACb,4EAA4E,CAC7E,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,8EAA8E;AAC9E,MAAM,UAAU,oBAAoB;IAClC,OAAO,UAAU,CAAC,gBAAgB,CAAC,CAAC;AACtC,CAAC"}

package/dist/widget.d.ts

@@ -0,0 +1,105 @@
+/**
+ * The chat UI, in two pieces so host apps can take as much or as little as
+ * they want:
+ *
+ * - `AssistantWidget` — a floating launcher and panel. Drop it in, done.
+ * - `AssistantPanel` — just the conversation, unpositioned. Put it in a
+ *   sidebar, a drawer, a modal, a settings tab.
+ * - Neither, and `useAssistant()` instead — every piece of state the panel
+ *   renders is on that hook, so a fully custom UI needs nothing from here.
+ *
+ * Opening and closing lives in the provider rather than in the widget, so a
+ * button, a command palette, a keyboard shortcut, or a plain div in the host
+ * app can drive it. See `useAssistantTrigger`.
+ *
+ * Styled with inline styles rather than a stylesheet: this mounts inside
+ * someone else's app, and a stylesheet would either leak into their page or
+ * be overridden by it. Inline styles are the one approach that cannot do
+ * either.
+ *
+ * The confirmation card is the part to read carefully. It renders `label`,
+ * `description`, and `input` from the proposal payload, which the runtime
+ * copies from its registry — never from the assistant's prose. Text smuggled
+ * into a product name or a document therefore cannot change what a user is
+ * shown they are about to approve.
+ */
+import { type CSSProperties, type ReactNode } from "react";
+import { type OrbCorner, type OrbVoiceMode } from "./orb.js";
+import { ASSISTANT_PANEL_ID } from "./provider.js";
+export { ASSISTANT_PANEL_ID };
+export { formatValue, humanizeKey } from "./card.js";
+export interface AssistantPanelProps {
+    /**
+     * Header title, and the launcher's accessible name.
+     *
+     * Left out, it is the assistant's name from the app's settings — the same
+     * one the model introduces itself by — so the header and its own words
+     * cannot disagree, and renaming it is a setting rather than a deploy of this
+     * app. Pass it to override that; `"Assistant"` is the fallback before the
+     * handshake answers.
+     */
+    title?: string;
+    /** Placeholder for the input. */
+    placeholder?: string;
+    /**
+     * Show the header's close button. Off by default for the standalone panel,
+     * since a panel embedded in a sidebar usually has nothing to close.
+     */
+    showClose?: boolean;
+    /** Merged over the panel's own styles, for sizing and positioning. */
+    style?: CSSProperties;
+    /**
+     * Show the microphone and hands-free buttons beside the input, when voice
+     * is on for the app. True by default. The orb turns them off: in that form
+     * voice lives in the orb, and two ways into it would be one too many.
+     */
+    showVoice?: boolean;
+}
+export interface AssistantWidgetProps extends AssistantPanelProps {
+    /**
+     * Render the floating launcher button. Turn it off when the host app has
+     * its own trigger, so the user does not get two.
+     */
+    showLauncher?: boolean;
+    /** Open on first mount. */
+    defaultOpen?: boolean;
+    /**
+     * What the launcher button shows, drawn inside its 52px circle.
+     *
+     * Left out, it is the icon uploaded in the dashboard (the app's settings),
+     * so changing it needs no deploy of this app; with none uploaded, it is the
+     * Mihe mark. Pass it to override both.
+     */
+    launcherIcon?: ReactNode;
+    /**
+     * `"orb"`, the default: a circle that opens a menu of chat and voice, and
+     * shows voice in itself so the page stays visible (amendment 61).
+     * `"classic"`: a launcher that opens the panel, with voice inside it.
+     */
+    form?: "orb" | "classic";
+    /** Orb only. Let the user drag it to either side; it remembers where. */
+    draggable?: boolean;
+    /** Orb only. Where it sits until dragged. */
+    corner?: OrbCorner;
+    /**
+     * Orb only. Which voice modes its menu offers, when voice is on for the
+     * app. With none, or voice off, tapping the orb opens chat directly.
+     *
+     * Narrows the app's setting and never widens it: a mode the app has not
+     * allowed is refused by the runtime, so offering it would be a button that
+     * fails.
+     */
+    voiceModes?: OrbVoiceMode[];
+}
+/**
+ * The batteries-included option: the orb by default, or the classic launcher
+ * and floating panel.
+ */
+export declare function AssistantWidget({ showLauncher, defaultOpen, title, launcherIcon, form: formProp, draggable: draggableProp, corner: cornerProp, voiceModes: voiceModesProp, ...panelProps }: AssistantWidgetProps): import("react").JSX.Element | null;
+/**
+ * The conversation on its own: transcript, confirmation cards, composer.
+ *
+ * Unpositioned, so it fills whatever the host app puts it in.
+ */
+export declare function AssistantPanel({ title, placeholder, showClose, style, showVoice, }: AssistantPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=widget.d.ts.map

package/dist/widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../react/src/widget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EAA+B,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMxF,OAAO,EAAO,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAoC,MAAM,YAAY,CAAC;AAGlF,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAElD,MAAM,WAAW,mBAAmB;IAClC;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sEAAsE;IACtE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,oBAAqB,SAAQ,mBAAmB;IAC/D;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAMzB;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,yEAAyE;IACzE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;CAC7B;AAuBD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,YAAmB,EACnB,WAAmB,EACnB,KAAK,EACL,YAAY,EACZ,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,EAClB,UAAU,EAAE,cAAc,EAC1B,GAAG,UAAU,EACd,EAAE,oBAAoB,sCAoEtB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,WAA+C,EAC/C,SAAiB,EACjB,KAAK,EACL,SAAgB,GACjB,EAAE,mBAAmB,+BA6KrB"}

package/dist/widget.js

@@ -0,0 +1,414 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * The chat UI, in two pieces so host apps can take as much or as little as
+ * they want:
+ *
+ * - `AssistantWidget` — a floating launcher and panel. Drop it in, done.
+ * - `AssistantPanel` — just the conversation, unpositioned. Put it in a
+ *   sidebar, a drawer, a modal, a settings tab.
+ * - Neither, and `useAssistant()` instead — every piece of state the panel
+ *   renders is on that hook, so a fully custom UI needs nothing from here.
+ *
+ * Opening and closing lives in the provider rather than in the widget, so a
+ * button, a command palette, a keyboard shortcut, or a plain div in the host
+ * app can drive it. See `useAssistantTrigger`.
+ *
+ * Styled with inline styles rather than a stylesheet: this mounts inside
+ * someone else's app, and a stylesheet would either leak into their page or
+ * be overridden by it. Inline styles are the one approach that cannot do
+ * either.
+ *
+ * The confirmation card is the part to read carefully. It renders `label`,
+ * `description`, and `input` from the proposal payload, which the runtime
+ * copies from its registry — never from the assistant's prose. Text smuggled
+ * into a product name or a document therefore cannot change what a user is
+ * shown they are about to approve.
+ */
+import { useEffect, useRef, useState } from "react";
+import { ConfirmationCard } from "./card.js";
+import { LAUNCHER_BG, LAUNCHER_INK, LauncherIcon } from "./launcher-icon.js";
+import { Orb } from "./orb.js";
+import { ASSISTANT_PANEL_ID, useAssistant } from "./provider.js";
+export { ASSISTANT_PANEL_ID };
+// Still importable from here, where they lived before `card.tsx`.
+export { formatValue, humanizeKey } from "./card.js";
+const DEFAULT_VOICE_MODES = ["hands-free", "hold"];
+/**
+ * A prop where one was passed, the app's setting where one arrived, the
+ * SDK's default otherwise. Voice modes intersect instead of overriding.
+ */
+function resolveWidget(props, settings) {
+    const allowed = settings?.voiceModes ?? DEFAULT_VOICE_MODES;
+    return {
+        form: props.form ?? settings?.form ?? "orb",
+        draggable: props.draggable ?? settings?.draggable ?? false,
+        corner: props.corner ?? settings?.corner ?? "bottom-right",
+        voiceModes: props.voiceModes
+            ? props.voiceModes.filter((mode) => allowed.includes(mode))
+            : allowed,
+    };
+}
+/**
+ * The batteries-included option: the orb by default, or the classic launcher
+ * and floating panel.
+ */
+export function AssistantWidget({ showLauncher = true, defaultOpen = false, title, launcherIcon, form: formProp, draggable: draggableProp, corner: cornerProp, voiceModes: voiceModesProp, ...panelProps }) {
+    const { isOpen, open, assistantName, launcherIconUrl, widgetSettings } = useAssistant();
+    const { form, draggable, corner, voiceModes } = resolveWidget({
+        form: formProp,
+        draggable: draggableProp,
+        corner: cornerProp,
+        voiceModes: voiceModesProp,
+    }, widgetSettings);
+    const heading = title ?? assistantName ?? "Assistant";
+    // `defaultOpen` is honoured once, on mount. After that the provider owns
+    // the state, so a host trigger and this prop cannot fight over it.
+    const applied = useRef(false);
+    useEffect(() => {
+        if (applied.current)
+            return;
+        applied.current = true;
+        if (defaultOpen)
+            open();
+    }, [defaultOpen, open]);
+    if (form === "orb") {
+        return (_jsx(Orb, { heading: heading, launcherIcon: launcherIcon, draggable: draggable, corner: corner, voiceModes: voiceModes, showOrb: showLauncher, renderPanel: (position) => (_jsx(AssistantPanel, { title: heading, showClose: true, ...panelProps, showVoice: false, style: { ...position, ...panelProps.style } })) }));
+    }
+    if (!isOpen) {
+        if (!showLauncher)
+            return null;
+        return (_jsx("button", { type: "button", onClick: open, "aria-label": `Open ${heading}`, "aria-controls": ASSISTANT_PANEL_ID, "aria-expanded": false, style: styles.launcher, children: launcherIcon ?? _jsx(LauncherIcon, { url: launcherIconUrl }) }));
+    }
+    return (_jsx(AssistantPanel, { title: heading, showClose: true, ...panelProps, style: { ...styles.floating, ...panelProps.style } }));
+}
+/**
+ * The conversation on its own: transcript, confirmation cards, composer.
+ *
+ * Unpositioned, so it fills whatever the host app puts it in.
+ */
+export function AssistantPanel({ title, placeholder = "Ask me anything about this app…", showClose = false, style, showVoice = true, }) {
+    const { messages, proposals, busy, connection, lastError, send, respondToProposal, close, voice, assistantName, widgetSettings, } = useAssistant();
+    // The modes the app allows. Offering one it does not would be a button the
+    // runtime refuses.
+    const voiceModes = widgetSettings?.voiceModes ?? DEFAULT_VOICE_MODES;
+    // Explicit prop, then the app's own setting, then a name that is at least
+    // not blank. The panel resolves it again rather than trusting the widget to,
+    // because it is exported on its own for host apps that place it themselves.
+    const heading = title ?? assistantName ?? "Assistant";
+    const [draft, setDraft] = useState("");
+    const scrollRef = useRef(null);
+    useEffect(() => {
+        scrollRef.current?.scrollTo({
+            top: scrollRef.current.scrollHeight,
+            behavior: "smooth",
+        });
+    }, [messages, proposals]);
+    const submit = () => {
+        send(draft);
+        setDraft("");
+    };
+    return (_jsxs("section", { id: ASSISTANT_PANEL_ID, style: { ...styles.panel, ...style }, "aria-label": heading, children: [_jsxs("header", { style: styles.header, children: [_jsxs("div", { style: styles.headerTitle, children: [_jsx("span", { "aria-hidden": "true", style: {
+                                    ...styles.statusDot,
+                                    background: connection === "open" ? "#22c55e" : "#f59e0b",
+                                } }), heading] }), showClose && (_jsx("button", { type: "button", onClick: close, "aria-label": "Close assistant", style: styles.iconButton, children: "\u2715" }))] }), _jsxs("div", { ref: scrollRef, style: styles.transcript, children: [messages.length === 0 && (_jsx("p", { style: styles.empty, children: "Ask where something is, what a screen does, or for help getting something done." })), messages.map((message) => (_jsxs("div", { style: message.role === "user" ? styles.userBubble : styles.assistantBubble, children: [message.text, message.streaming && message.text === "" && (_jsx("span", { style: styles.thinking, children: "thinking\u2026" })), message.sources && message.sources.length > 0 && (_jsx("div", { style: styles.sources, children: message.sources.map((source) => (_jsx("span", { style: styles.source, children: source.url ? (_jsx("a", { href: source.url, target: "_blank", rel: "noreferrer noopener", style: styles.sourceLink, children: source.title })) : (source.title) }, source.sourceId + source.title))) }))] }, message.id))), proposals.map((proposal) => (_jsx(ConfirmationCard, { proposal: proposal, onRespond: respondToProposal }, proposal.proposalId))), voice.state === "connecting" && (
+                    // Setting up a voice session takes a moment — the socket, the
+                    // microphone permission, and the provider accepting its
+                    // configuration — and the microphone stays shut until it finishes
+                    // (amendment 32). Without a word here the user talks into a session
+                    // that is not listening yet and concludes it is broken.
+                    _jsx("div", { style: styles.voiceNotice, children: "Setting up the microphone\u2026" })), voice.notice && (_jsx("div", { style: styles.voiceNotice, children: voice.notice })), lastError && _jsx("div", { style: styles.error, children: lastError }), connection !== "open" && (_jsx("div", { style: styles.notice, children: connection === "closed"
+                            ? "Disconnected."
+                            : "Connecting…" }))] }), _jsxs("form", { style: styles.composer, onSubmit: (event) => {
+                    event.preventDefault();
+                    submit();
+                }, children: [showVoice && voice.available && voiceModes.length > 0 && (_jsx(VoiceControl, { voice: voice, disabled: connection !== "open", allowHold: voiceModes.includes("hold"), allowHandsFree: voiceModes.includes("hands-free") })), _jsx("input", { value: draft, onChange: (event) => setDraft(event.target.value), placeholder: placeholder, "aria-label": "Message", style: styles.input, disabled: connection !== "open" }), _jsx("button", { type: "submit", disabled: busy || !draft.trim() || connection !== "open", style: styles.send, children: "Send" })] })] }));
+}
+const PULSE_KEYFRAMES = `
+@keyframes mihe-pulse {
+  0%, 100% { transform: scale(1); opacity: 1; }
+  50% { transform: scale(0.6); opacity: 0.45; }
+}
+@media (prefers-reduced-motion: reduce) {
+  .mihe-pulse { animation: none !important; }
+}
+`;
+/**
+ * The microphone, in whichever of its two modes is running.
+ *
+ * Idle, it offers both: tap to hold-and-talk, or switch to hands-free. Once a
+ * session is live the two behave differently enough to be different controls —
+ * one is held, the other is a state you are in — so only the running one is
+ * shown, with a way out.
+ */
+function VoiceControl({ voice, disabled, allowHold, allowHandsFree, }) {
+    // Connecting is excluded deliberately. A hands-free session that is still
+    // being set up used to render the pulsing live button, which says "the
+    // microphone is open" — the one thing that is not yet true, and the reason
+    // someone talks into a session that cannot hear them.
+    const live = voice.state !== "idle" && voice.state !== "error" && voice.state !== "connecting";
+    if (live && voice.handsFree) {
+        return (_jsxs(_Fragment, { children: [_jsx("style", { children: PULSE_KEYFRAMES }), _jsx("button", { type: "button", "aria-label": "Stop hands-free voice", "aria-pressed": true, disabled: disabled, onClick: voice.stop, style: { ...styles.mic, ...styles.micLive }, title: voice.state === "speaking"
+                        ? "Speaking — just talk to interrupt"
+                        : "Listening — say anything", children: _jsx("span", { className: "mihe-pulse", style: {
+                            ...styles.pulse,
+                            // Speaking and listening both pulse, at different rates, because
+                            // the one thing a hands-free user cannot tell from a static icon
+                            // is whether the microphone is actually open.
+                            animationDuration: voice.state === "speaking" ? "0.8s" : "2s",
+                        } }) })] }));
+    }
+    if (live) {
+        return (_jsx(PushToTalk, { state: voice.state, onStart: () => voice.start(), onPress: voice.press, onRelease: voice.release, disabled: disabled }));
+    }
+    return (_jsxs(_Fragment, { children: [allowHold && (_jsx(PushToTalk, { state: voice.state, onStart: () => voice.start(), onPress: voice.press, onRelease: voice.release, disabled: disabled })), allowHandsFree && (_jsx("button", { type: "button", "aria-label": "Start hands-free voice", disabled: disabled, onClick: () => voice.start({ handsFree: true }), style: styles.handsFree, title: "Hands-free \u2014 talk without holding anything", children: "\u221E" }))] }));
+}
+/**
+ * The push-to-talk button.
+ *
+ * Hold to speak, release to send — the same gesture on a mouse, a touchscreen,
+ * and a keyboard. Three details are doing real work:
+ *
+ * - **`onPointerDown` rather than `onClick`**, because the press has to begin
+ *   the utterance and the release has to end it. It is also the user gesture
+ *   iOS Safari requires before any audio can start, which is why the first
+ *   press opens the session rather than an effect doing it on mount.
+ * - **`setPointerCapture`**, so a finger that slides off the button while
+ *   speaking still ends the utterance on release. Without it the pointer-up
+ *   lands on whatever is underneath and the microphone stays open.
+ * - **Space and Enter**, held rather than tapped, so the button is usable
+ *   without a pointer at all. `repeat` is ignored, because a held key fires
+ *   `keydown` continuously.
+ */
+function PushToTalk({ state, onStart, onPress, onRelease, disabled, }) {
+    const connecting = state === "connecting";
+    // Connecting is not idle and not ready: the session exists but the
+    // microphone is shut until the provider accepts its configuration. Treating
+    // it as live meant the button looked armed and swallowed presses.
+    const live = state !== "idle" && state !== "error" && !connecting;
+    const recording = state === "recording";
+    const begin = (event) => {
+        if (connecting)
+            return;
+        if (!live) {
+            onStart();
+            return;
+        }
+        if (event.pointerId !== undefined) {
+            event.currentTarget.setPointerCapture?.(event.pointerId);
+        }
+        onPress();
+    };
+    return (_jsx("button", { type: "button", "aria-label": connecting
+            ? "Setting up the microphone"
+            : !live
+                ? "Start voice"
+                : recording
+                    ? "Release to send"
+                    : "Hold to speak", "aria-busy": connecting, "aria-pressed": recording, disabled: disabled || connecting, style: {
+            ...styles.mic,
+            ...(recording ? styles.micRecording : null),
+            ...(live && !recording ? styles.micLive : null),
+        }, onPointerDown: begin, onPointerUp: () => live && onRelease(), onPointerCancel: () => live && onRelease(), onKeyDown: (event) => {
+            if (event.repeat)
+                return;
+            if (event.key === " " || event.key === "Enter") {
+                event.preventDefault();
+                begin(event);
+            }
+        }, onKeyUp: (event) => {
+            if (live && (event.key === " " || event.key === "Enter")) {
+                event.preventDefault();
+                onRelease();
+            }
+        }, title: state === "thinking"
+            ? "Thinking…"
+            : state === "speaking"
+                ? "Speaking — press to interrupt"
+                : undefined, children: state === "thinking" ? "…" : "\u{1F399}" }));
+}
+const FONT = "system-ui, -apple-system, 'Segoe UI', sans-serif";
+const styles = {
+    launcher: {
+        position: "fixed",
+        right: 20,
+        bottom: 20,
+        width: 52,
+        height: 52,
+        borderRadius: "50%",
+        border: "none",
+        padding: 0,
+        display: "grid",
+        placeItems: "center",
+        overflow: "hidden",
+        background: LAUNCHER_BG,
+        color: LAUNCHER_INK,
+        cursor: "pointer",
+        boxShadow: "0 8px 24px rgba(15,23,42,0.25)",
+        zIndex: 2147482000,
+    },
+    // Unpositioned: fills its container. `floating` adds the corner placement.
+    panel: {
+        display: "flex",
+        width: "100%",
+        height: "100%",
+        flexDirection: "column",
+        background: "#fff",
+        color: "#0f172a",
+        borderRadius: 14,
+        border: "1px solid #e2e8f0",
+        boxShadow: "0 20px 50px rgba(15,23,42,0.22)",
+        font: `14px/1.5 ${FONT}`,
+        overflow: "hidden",
+    },
+    floating: {
+        position: "fixed",
+        right: 20,
+        bottom: 20,
+        width: "min(380px, calc(100vw - 40px))",
+        height: "min(560px, calc(100vh - 40px))",
+        zIndex: 2147482000,
+    },
+    header: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        padding: "12px 14px",
+        borderBottom: "1px solid #e2e8f0",
+        fontWeight: 600,
+    },
+    headerTitle: { display: "flex", alignItems: "center", gap: 8 },
+    statusDot: { width: 8, height: 8, borderRadius: "50%", display: "inline-block" },
+    iconButton: {
+        border: "none",
+        background: "transparent",
+        cursor: "pointer",
+        fontSize: 14,
+        color: "#64748b",
+    },
+    transcript: {
+        flex: 1,
+        overflowY: "auto",
+        padding: 14,
+        display: "flex",
+        flexDirection: "column",
+        gap: 10,
+    },
+    empty: { color: "#64748b", margin: 0 },
+    userBubble: {
+        alignSelf: "flex-end",
+        maxWidth: "85%",
+        background: "#4f7cff",
+        color: "#fff",
+        padding: "8px 12px",
+        borderRadius: "12px 12px 2px 12px",
+        whiteSpace: "pre-wrap",
+    },
+    assistantBubble: {
+        alignSelf: "flex-start",
+        maxWidth: "85%",
+        background: "#f1f5f9",
+        padding: "8px 12px",
+        borderRadius: "12px 12px 12px 2px",
+        whiteSpace: "pre-wrap",
+    },
+    thinking: { color: "#64748b", fontStyle: "italic" },
+    sources: {
+        display: "flex",
+        flexWrap: "wrap",
+        gap: 6,
+        marginTop: 8,
+        paddingTop: 8,
+        borderTop: "1px solid #e2e8f0",
+    },
+    source: {
+        fontSize: 11,
+        color: "#475569",
+        background: "#f1f5f9",
+        padding: "2px 8px",
+        borderRadius: 999,
+    },
+    sourceLink: { color: "inherit", textDecoration: "none" },
+    error: {
+        background: "#fef2f2",
+        color: "#991b1b",
+        padding: "8px 10px",
+        borderRadius: 8,
+        fontSize: 13,
+    },
+    notice: { color: "#64748b", fontSize: 13, textAlign: "center" },
+    // The shape of the error box, deliberately, in the weight of a remark. A
+    // voice session ending on time is the ordinary case and the user has lost
+    // nothing, so it must not be red — but it is about their session rather than
+    // about the connection, so it is not the grey centred line either.
+    voiceNotice: {
+        background: "#f1f5f9",
+        color: "#475569",
+        padding: "8px 10px",
+        borderRadius: 8,
+        fontSize: 13,
+    },
+    composer: {
+        display: "flex",
+        gap: 8,
+        padding: 12,
+        borderTop: "1px solid #e2e8f0",
+    },
+    input: {
+        flex: 1,
+        padding: "9px 12px",
+        borderRadius: 8,
+        border: "1px solid #cbd5e1",
+        font: `14px ${FONT}`,
+        outline: "none",
+    },
+    mic: {
+        width: 38,
+        borderRadius: 8,
+        border: "1px solid #cbd5e1",
+        background: "#fff",
+        cursor: "pointer",
+        fontSize: 16,
+        // Otherwise a long press on a phone selects the emoji and pops up the
+        // copy menu instead of recording.
+        userSelect: "none",
+        touchAction: "none",
+    },
+    micLive: {
+        borderColor: "#4f7cff",
+    },
+    micRecording: {
+        borderColor: "#dc2626",
+        background: "#fef2f2",
+    },
+    handsFree: {
+        width: 30,
+        borderRadius: 8,
+        border: "1px solid #cbd5e1",
+        background: "#fff",
+        color: "#475569",
+        cursor: "pointer",
+        fontSize: 15,
+        userSelect: "none",
+    },
+    pulse: {
+        display: "block",
+        width: 12,
+        height: 12,
+        margin: "0 auto",
+        borderRadius: "50%",
+        background: "#4f7cff",
+        animationName: "mihe-pulse",
+        animationIterationCount: "infinite",
+        animationTimingFunction: "ease-in-out",
+    },
+    send: {
+        padding: "9px 16px",
+        borderRadius: 8,
+        border: "none",
+        background: "#4f7cff",
+        color: "#fff",
+        cursor: "pointer",
+        font: `600 13px ${FONT}`,
+    },
+};
+//# sourceMappingURL=widget.js.map

package/dist/widget.js.map

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

package/package.json

@@ -1,6 +1,44 @@
 {
   "name": "@mihe-dev/react",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0",
+  "description": "Embed an app-aware AI assistant in your React app.",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "homepage": "https://mihe.dev/docs",
+  "keywords": [
+    "ai",
+    "assistant",
+    "copilot",
+    "agent",
+    "react",
+    "voice",
+    "mihe"
+  ],
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "dependencies": {
+    "@mihe-dev/js": "0.1.0",
+    "@mihe-dev/protocol": "0.1.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}