@parlor/client 0.0.0-stage → 0.2.0

package/dist/react/chat/chat-ask.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, use, useMemo, } from "react";
+import { askFields, askValues } from "./ask-fields.js";
+import { useChatRuntime } from "./context.js";
+const AskScope = createContext(undefined);
+const report = (error) => console.error("[parlor] The chat could not answer:", error);
+/**
+ * The agent's own permission prompt or question: `role="group"` named by its question.
+ * `data-approval` is `presence` (answering triggers the OS prompt) or `computer` (answered
+ * on the computer; choices disabled). `data-state` is `open`, `answered` or `closed`.
+ * Escape declines.
+ */
+export function Ask({ item, onKeyDown, ...props }) {
+    const runtime = useChatRuntime("Chat.Ask");
+    const decline = (event) => {
+        onKeyDown?.(event);
+        if (event.defaultPrevented || event.key !== "Escape")
+            return;
+        const rejection = item.choices.find((choice) => choice.effect.startsWith("reject"));
+        if (!rejection || item.answer.state !== "open" || item.approval === "computer")
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        runtime.answer(item.id, rejection.id).catch(report);
+    };
+    return (_jsx(AskScope, { value: item, children: _jsx("div", { role: "group", "aria-label": item.question, tabIndex: -1, ...props, "data-approval": item.approval, "data-state": item.answer.state, onKeyDown: decline }) }));
+}
+/** `type="button"`; answers the enclosing ask with this choice. */
+export function AskChoice({ choice, onClick, ...props }) {
+    const runtime = useChatRuntime("Chat.AskChoice");
+    const ask = use(AskScope);
+    if (!ask)
+        throw new Error("Chat.AskChoice must be rendered inside Chat.Ask.");
+    return (_jsx("button", { type: "button", disabled: ask.approval === "computer" || ask.answer.state !== "open", "data-effect": choice.effect, "aria-pressed": ask.answer.state === "answered" ? ask.answer.choice === choice.id : undefined, ...props, onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented)
+                runtime.answer(ask.id, choice.id).catch(report);
+        } }));
+}
+const isAllow = (choice) => choice.effect.startsWith("allow");
+/**
+ * A form ask's `<form>`: one `<input name="{property}">` per property of its schema (`number`
+ * for numbers and integers, `checkbox` for booleans, text otherwise). Submitting answers the
+ * ask with its allow choice and the values typed per the schema. Its children, a submit
+ * button for one, go after the inputs. Everything is disabled once the ask is not open or
+ * is answered on the computer. Renders nothing for an ask without a form.
+ */
+export function AskForm({ onSubmit, children, ...props }) {
+    const runtime = useChatRuntime("Chat.AskForm");
+    const ask = use(AskScope);
+    if (!ask)
+        throw new Error("Chat.AskForm must be rendered inside Chat.Ask.");
+    const { form } = ask;
+    const fields = useMemo(() => (form ? askFields(form) : []), [form]);
+    const accept = ask.choices.find(isAllow);
+    if (!form || !accept)
+        return null;
+    return (_jsx("form", { ...props, onSubmit: (event) => {
+            onSubmit?.(event);
+            event.preventDefault();
+            runtime
+                .answer(ask.id, accept.id, askValues(fields, event.currentTarget))
+                .catch(report);
+        }, children: _jsxs("fieldset", { disabled: ask.approval === "computer" || ask.answer.state !== "open", children: [fields.map((field) => (_jsx(AskInput, { field: field }, field.name))), children] }) }));
+}
+function AskInput({ field }) {
+    return (_jsxs("label", { "data-type": field.type, children: [_jsx("span", { children: field.label }), _jsx("input", { name: field.name, type: field.type, required: field.required && field.type !== "checkbox", step: field.type === "number" ? (field.integer ? 1 : "any") : undefined })] }));
+}
+//# sourceMappingURL=chat-ask.js.map

package/dist/react/chat/chat-ask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-ask.js","sourceRoot":"","sources":["../../../src/react/chat/chat-ask.tsx"],"names":[],"mappings":";AAEA,OAAO,EAEL,aAAa,EAGb,GAAG,EACH,OAAO,GACR,MAAM,OAAO,CAAC;AAEf,OAAO,EAAiB,SAAS,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9C,MAAM,QAAQ,GAAG,aAAa,CAAsB,SAAS,CAAC,CAAC;AAE/D,MAAM,MAAM,GAAG,CAAC,KAAc,EAAE,EAAE,CAChC,OAAO,CAAC,KAAK,CAAC,qCAAqC,EAAE,KAAK,CAAC,CAAC;AAM9D;;;;;GAKG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgB;IAC7D,MAAM,OAAO,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;IAC3C,MAAM,OAAO,GAAG,CAAC,KAAoC,EAAE,EAAE;QACvD,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;QACnB,IAAI,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ;YAAE,OAAO;QAC7D,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;QACpF,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,KAAK,MAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,UAAU;YAC5E,OAAO;QACT,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACtD,CAAC,CAAC;IACF,OAAO,CACL,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,YACnB,cACE,IAAI,EAAC,OAAO,gBACA,IAAI,CAAC,QAAQ,EACzB,QAAQ,EAAE,CAAC,CAAC,KACR,KAAK,mBACM,IAAI,CAAC,QAAQ,gBAChB,IAAI,CAAC,MAAM,CAAC,KAAK,EAC7B,SAAS,EAAE,OAAO,GAClB,GACO,CACZ,CAAC;AACJ,CAAC;AAMD,mEAAmE;AACnE,MAAM,UAAU,SAAS,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAsB;IACzE,MAAM,OAAO,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;IACjD,MAAM,GAAG,GAAG,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC1B,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;IAC9E,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,GAAG,CAAC,QAAQ,KAAK,UAAU,IAAI,GAAG,CAAC,MAAM,CAAC,KAAK,KAAK,MAAM,iBACvD,MAAM,CAAC,MAAM,kBAExB,GAAG,CAAC,MAAM,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,KAE3E,KAAK,EACT,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YACjB,IAAI,CAAC,KAAK,CAAC,gBAAgB;gBAAE,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC/E,CAAC,GACD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,OAAO,GAAG,CAAC,MAAkC,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAI1F;;;;;;GAMG;AACH,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB;IACxE,MAAM,OAAO,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;IAC/C,MAAM,GAAG,GAAG,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC1B,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;IAC5E,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC;IACrB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACpE,MAAM,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACzC,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAClC,OAAO,CACL,kBACM,KAAK,EACT,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;YAClB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,OAAO;iBACJ,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,SAAS,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;iBACjE,KAAK,CAAC,MAAM,CAAC,CAAC;QACnB,CAAC,YAED,oBAAU,QAAQ,EAAE,GAAG,CAAC,QAAQ,KAAK,UAAU,IAAI,GAAG,CAAC,MAAM,CAAC,KAAK,KAAK,MAAM,aAC3E,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,KAAC,QAAQ,IAAkB,KAAK,EAAE,KAAK,IAAxB,KAAK,CAAC,IAAI,CAAkB,CAC5C,CAAC,EACD,QAAQ,IACA,GACN,CACR,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,EAAE,KAAK,EAAgC;IACvD,OAAO,CACL,8BAAkB,KAAK,CAAC,IAAI,aAC1B,yBAAO,KAAK,CAAC,KAAK,GAAQ,EAC1B,gBACE,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EACrD,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,GACvE,IACI,CACT,CAAC;AACJ,CAAC","sourcesContent":["import type { AgentConfirmation } from \"@parlor/agent-ui/client\";\nimport type { ChatItem } from \"@parlor/chat\";\nimport {\n  type ComponentProps,\n  createContext,\n  type KeyboardEvent,\n  type ReactNode,\n  use,\n  useMemo,\n} from \"react\";\n\nimport { type AskField, askFields, askValues } from \"./ask-fields.js\";\nimport { useChatRuntime } from \"./context.js\";\n\ntype AskItem = Extract<ChatItem<AgentConfirmation>, { kind: \"ask\" }>;\n\nconst AskScope = createContext<AskItem | undefined>(undefined);\n\nconst report = (error: unknown) =>\n  console.error(\"[parlor] The chat could not answer:\", error);\n\nexport interface ChatAskProps extends ComponentProps<\"div\"> {\n  readonly item: AskItem;\n}\n\n/**\n * The agent's own permission prompt or question: `role=\"group\"` named by its question.\n * `data-approval` is `presence` (answering triggers the OS prompt) or `computer` (answered\n * on the computer; choices disabled). `data-state` is `open`, `answered` or `closed`.\n * Escape declines.\n */\nexport function Ask({ item, onKeyDown, ...props }: ChatAskProps): ReactNode {\n  const runtime = useChatRuntime(\"Chat.Ask\");\n  const decline = (event: KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented || event.key !== \"Escape\") return;\n    const rejection = item.choices.find((choice) => choice.effect.startsWith(\"reject\"));\n    if (!rejection || item.answer.state !== \"open\" || item.approval === \"computer\")\n      return;\n    event.preventDefault();\n    event.stopPropagation();\n    runtime.answer(item.id, rejection.id).catch(report);\n  };\n  return (\n    <AskScope value={item}>\n      <div\n        role=\"group\"\n        aria-label={item.question}\n        tabIndex={-1}\n        {...props}\n        data-approval={item.approval}\n        data-state={item.answer.state}\n        onKeyDown={decline}\n      />\n    </AskScope>\n  );\n}\n\nexport interface ChatAskChoiceProps extends ComponentProps<\"button\"> {\n  readonly choice: AskItem[\"choices\"][number];\n}\n\n/** `type=\"button\"`; answers the enclosing ask with this choice. */\nexport function AskChoice({ choice, onClick, ...props }: ChatAskChoiceProps): ReactNode {\n  const runtime = useChatRuntime(\"Chat.AskChoice\");\n  const ask = use(AskScope);\n  if (!ask) throw new Error(\"Chat.AskChoice must be rendered inside Chat.Ask.\");\n  return (\n    <button\n      type=\"button\"\n      disabled={ask.approval === \"computer\" || ask.answer.state !== \"open\"}\n      data-effect={choice.effect}\n      aria-pressed={\n        ask.answer.state === \"answered\" ? ask.answer.choice === choice.id : undefined\n      }\n      {...props}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) runtime.answer(ask.id, choice.id).catch(report);\n      }}\n    />\n  );\n}\n\nconst isAllow = (choice: AskItem[\"choices\"][number]) => choice.effect.startsWith(\"allow\");\n\nexport type ChatAskFormProps = ComponentProps<\"form\">;\n\n/**\n * A form ask's `<form>`: one `<input name=\"{property}\">` per property of its schema (`number`\n * for numbers and integers, `checkbox` for booleans, text otherwise). Submitting answers the\n * ask with its allow choice and the values typed per the schema. Its children, a submit\n * button for one, go after the inputs. Everything is disabled once the ask is not open or\n * is answered on the computer. Renders nothing for an ask without a form.\n */\nexport function AskForm({ onSubmit, children, ...props }: ChatAskFormProps): ReactNode {\n  const runtime = useChatRuntime(\"Chat.AskForm\");\n  const ask = use(AskScope);\n  if (!ask) throw new Error(\"Chat.AskForm must be rendered inside Chat.Ask.\");\n  const { form } = ask;\n  const fields = useMemo(() => (form ? askFields(form) : []), [form]);\n  const accept = ask.choices.find(isAllow);\n  if (!form || !accept) return null;\n  return (\n    <form\n      {...props}\n      onSubmit={(event) => {\n        onSubmit?.(event);\n        event.preventDefault();\n        runtime\n          .answer(ask.id, accept.id, askValues(fields, event.currentTarget))\n          .catch(report);\n      }}\n    >\n      <fieldset disabled={ask.approval === \"computer\" || ask.answer.state !== \"open\"}>\n        {fields.map((field) => (\n          <AskInput key={field.name} field={field} />\n        ))}\n        {children}\n      </fieldset>\n    </form>\n  );\n}\n\nfunction AskInput({ field }: { readonly field: AskField }): ReactNode {\n  return (\n    <label data-type={field.type}>\n      <span>{field.label}</span>\n      <input\n        name={field.name}\n        type={field.type}\n        required={field.required && field.type !== \"checkbox\"}\n        step={field.type === \"number\" ? (field.integer ? 1 : \"any\") : undefined}\n      />\n    </label>\n  );\n}\n"]}

package/dist/react/chat/chat-composer.d.ts

@@ -0,0 +1,18 @@
+import type { ComponentProps, ReactNode } from "react";
+/** A `<form>` whose submit sends the draft; `data-running` while a turn runs. */
+export declare function Composer({ onSubmit, ...props }: ComponentProps<"form">): ReactNode;
+/**
+ * A `<textarea>` bound to the draft: Enter sends, Shift+Enter breaks the line, IME
+ * composition never sends. Disabled while no agent can be chosen.
+ */
+export declare function Input({ onChange, onKeyDown, ...props }: Omit<ComponentProps<"textarea">, "value" | "defaultValue">): ReactNode;
+/** `type="submit"`; disabled while the draft is empty or no agent is chosen. */
+export declare function Send({ children, ...props }: ComponentProps<"button">): ReactNode;
+/** `type="button"`; rendered only while a turn runs. Stops it, keeping the partial text. */
+export declare function Stop({ children, onClick, ...props }: ComponentProps<"button">): ReactNode;
+/**
+ * The chat's state in words, for a live region: a `p[role=status]` that is empty when
+ * there is nothing to say, so a wait never shows without text. `children` replaces the text.
+ */
+export declare function Status({ children, ...props }: ComponentProps<"p">): ReactNode;
+//# sourceMappingURL=chat-composer.d.ts.map

package/dist/react/chat/chat-composer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-composer.d.ts","sourceRoot":"","sources":["../../../src/react/chat/chat-composer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAQtE,iFAAiF;AACjF,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,SAAS,CAiBlF;AAED;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC,GAAG,SAAS,CAuBxE;AAED,gFAAgF;AAChF,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,SAAS,CAOhF;AAED,4FAA4F;AAC5F,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,SAAS,CAgBtC;AAgBD;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,SAAS,CAa7E"}

package/dist/react/chat/chat-composer.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { canSend, useChatRuntime, useChatState } from "./context.js";
+const report = (error) => console.error("[parlor] The chat could not do that:", error);
+/** A `<form>` whose submit sends the draft; `data-running` while a turn runs. */
+export function Composer({ onSubmit, ...props }) {
+    const runtime = useChatRuntime("Chat.Composer");
+    const state = useChatState("Chat.Composer");
+    const submit = (event) => {
+        onSubmit?.(event);
+        event.preventDefault();
+        if (canSend(state))
+            runtime.send().catch(report);
+    };
+    return (_jsx("form", { ...props, onSubmit: submit, "data-running": state.status === "running" ? "" : undefined }));
+}
+/**
+ * A `<textarea>` bound to the draft: Enter sends, Shift+Enter breaks the line, IME
+ * composition never sends. Disabled while no agent can be chosen.
+ */
+export function Input({ onChange, onKeyDown, ...props }) {
+    const runtime = useChatRuntime("Chat.Input");
+    const state = useChatState("Chat.Input");
+    const keyDown = (event) => {
+        onKeyDown?.(event);
+        if (event.defaultPrevented || event.key !== "Enter" || event.shiftKey)
+            return;
+        if (event.nativeEvent.isComposing)
+            return;
+        event.preventDefault();
+        if (canSend(state))
+            runtime.send().catch(report);
+    };
+    return (_jsx("textarea", { "aria-label": "Message", disabled: state.agent === undefined || state.status === "unavailable", ...props, value: state.draft, onChange: (event) => {
+            onChange?.(event);
+            runtime.setDraft(event.target.value);
+        }, onKeyDown: keyDown }));
+}
+/** `type="submit"`; disabled while the draft is empty or no agent is chosen. */
+export function Send({ children, ...props }) {
+    const state = useChatState("Chat.Send");
+    return (_jsx("button", { type: "submit", disabled: !canSend(state), ...props, children: children ?? "Send" }));
+}
+/** `type="button"`; rendered only while a turn runs. Stops it, keeping the partial text. */
+export function Stop({ children, onClick, ...props }) {
+    const runtime = useChatRuntime("Chat.Stop");
+    const state = useChatState("Chat.Stop");
+    if (state.status !== "running" && state.status !== "waiting")
+        return null;
+    return (_jsx("button", { type: "button", ...props, onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented)
+                runtime.stop().catch(report);
+        }, children: children ?? "Stop" }));
+}
+function statusText({ status, wait, setup, link, presenceDue }) {
+    if (setup?.step === "passkey")
+        return "Waiting for the passkey";
+    if (link.status === "unlinked")
+        return "Link this device to send messages";
+    if (wait) {
+        return wait.reason === "offline"
+            ? `Waiting for ${wait.hostName} to come online`
+            : `Waiting for ${wait.hostName} to approve this device`;
+    }
+    if (status === "sending")
+        return "Sending...";
+    if (status === "running")
+        return "Working...";
+    if (presenceDue)
+        return "Sending will ask for Face ID or Touch ID";
+    return "";
+}
+/**
+ * The chat's state in words, for a live region: a `p[role=status]` that is empty when
+ * there is nothing to say, so a wait never shows without text. `children` replaces the text.
+ */
+export function Status({ children, ...props }) {
+    const state = useChatState("Chat.Status");
+    return (_jsx("p", { role: "status", ...props, "data-status": state.status, "data-wait": state.wait?.reason, "data-unavailable": state.unavailable?.reason, children: children ?? statusText(state) }));
+}
+//# sourceMappingURL=chat-composer.js.map

package/dist/react/chat/chat-composer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-composer.js","sourceRoot":"","sources":["../../../src/react/chat/chat-composer.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { ComponentProps, KeyboardEvent, ReactNode } from \"react\";\n\nimport { canSend, useChatRuntime, useChatState } from \"./context.js\";\nimport type { ChatState } from \"./runtime.js\";\n\nconst report = (error: unknown) =>\n  console.error(\"[parlor] The chat could not do that:\", error);\n\n/** A `<form>` whose submit sends the draft; `data-running` while a turn runs. */\nexport function Composer({ onSubmit, ...props }: ComponentProps<\"form\">): ReactNode {\n  const runtime = useChatRuntime(\"Chat.Composer\");\n  const state = useChatState(\"Chat.Composer\");\n  const submit = (\n    event: Parameters<NonNullable<ComponentProps<\"form\">[\"onSubmit\"]>>[0],\n  ) => {\n    onSubmit?.(event);\n    event.preventDefault();\n    if (canSend(state)) runtime.send().catch(report);\n  };\n  return (\n    <form\n      {...props}\n      onSubmit={submit}\n      data-running={state.status === \"running\" ? \"\" : undefined}\n    />\n  );\n}\n\n/**\n * A `<textarea>` bound to the draft: Enter sends, Shift+Enter breaks the line, IME\n * composition never sends. Disabled while no agent can be chosen.\n */\nexport function Input({\n  onChange,\n  onKeyDown,\n  ...props\n}: Omit<ComponentProps<\"textarea\">, \"value\" | \"defaultValue\">): ReactNode {\n  const runtime = useChatRuntime(\"Chat.Input\");\n  const state = useChatState(\"Chat.Input\");\n  const keyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented || event.key !== \"Enter\" || event.shiftKey) return;\n    if (event.nativeEvent.isComposing) return;\n    event.preventDefault();\n    if (canSend(state)) runtime.send().catch(report);\n  };\n  return (\n    <textarea\n      aria-label=\"Message\"\n      disabled={state.agent === undefined || state.status === \"unavailable\"}\n      {...props}\n      value={state.draft}\n      onChange={(event) => {\n        onChange?.(event);\n        runtime.setDraft(event.target.value);\n      }}\n      onKeyDown={keyDown}\n    />\n  );\n}\n\n/** `type=\"submit\"`; disabled while the draft is empty or no agent is chosen. */\nexport function Send({ children, ...props }: ComponentProps<\"button\">): ReactNode {\n  const state = useChatState(\"Chat.Send\");\n  return (\n    <button type=\"submit\" disabled={!canSend(state)} {...props}>\n      {children ?? \"Send\"}\n    </button>\n  );\n}\n\n/** `type=\"button\"`; rendered only while a turn runs. Stops it, keeping the partial text. */\nexport function Stop({\n  children,\n  onClick,\n  ...props\n}: ComponentProps<\"button\">): ReactNode {\n  const runtime = useChatRuntime(\"Chat.Stop\");\n  const state = useChatState(\"Chat.Stop\");\n  if (state.status !== \"running\" && state.status !== \"waiting\") return null;\n  return (\n    <button\n      type=\"button\"\n      {...props}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) runtime.stop().catch(report);\n      }}\n    >\n      {children ?? \"Stop\"}\n    </button>\n  );\n}\n\nfunction statusText({ status, wait, setup, link, presenceDue }: ChatState): string {\n  if (setup?.step === \"passkey\") return \"Waiting for the passkey\";\n  if (link.status === \"unlinked\") return \"Link this device to send messages\";\n  if (wait) {\n    return wait.reason === \"offline\"\n      ? `Waiting for ${wait.hostName} to come online`\n      : `Waiting for ${wait.hostName} to approve this device`;\n  }\n  if (status === \"sending\") return \"Sending...\";\n  if (status === \"running\") return \"Working...\";\n  if (presenceDue) return \"Sending will ask for Face ID or Touch ID\";\n  return \"\";\n}\n\n/**\n * The chat's state in words, for a live region: a `p[role=status]` that is empty when\n * there is nothing to say, so a wait never shows without text. `children` replaces the text.\n */\nexport function Status({ children, ...props }: ComponentProps<\"p\">): ReactNode {\n  const state = useChatState(\"Chat.Status\");\n  return (\n    <p\n      role=\"status\"\n      {...props}\n      data-status={state.status}\n      data-wait={state.wait?.reason}\n      data-unavailable={state.unavailable?.reason}\n    >\n      {children ?? statusText(state)}\n    </p>\n  );\n}\n"]}

package/dist/react/chat/chat-root.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+export interface ChatRootProps {
+    /** The thread to show. When omitted, the most recent one, or a blank one for a user with none. */
+    readonly threadId?: string | undefined;
+    readonly children: ReactNode;
+}
+/**
+ * Owns one chat runtime for its subtree: the `chat` channel on the existing sync stream,
+ * its thread in presence `watching` so inline confirmations reach this client, and the
+ * confirmation subscription. Renders no DOM of its own. When the signed-in user changes,
+ * the subtree remounts with a fresh runtime, so nothing of the previous user remains.
+ */
+export declare function Root({ threadId, children }: ChatRootProps): ReactNode;
+//# sourceMappingURL=chat-root.d.ts.map

package/dist/react/chat/chat-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-root.d.ts","sourceRoot":"","sources":["../../../src/react/chat/chat-root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAC;AAM3D,MAAM,WAAW,aAAa;IAC5B,kGAAkG;IAClG,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,aAAa,GAAG,SAAS,CAMrE"}

package/dist/react/chat/chat-root.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo } from "react";
+import { useFramework, useIdentityEpoch } from "../provider.js";
+import { ChatScope } from "./context.js";
+import { createRootRuntime } from "./create.js";
+/**
+ * Owns one chat runtime for its subtree: the `chat` channel on the existing sync stream,
+ * its thread in presence `watching` so inline confirmations reach this client, and the
+ * confirmation subscription. Renders no DOM of its own. When the signed-in user changes,
+ * the subtree remounts with a fresh runtime, so nothing of the previous user remains.
+ */
+export function Root({ threadId, children }) {
+    return (_jsx(UserChat, { threadId: threadId, children: children }, useIdentityEpoch()));
+}
+function UserChat({ threadId, children }) {
+    const { client, agentUi, auth, sync } = useFramework();
+    const runtime = useMemo(() => createRootRuntime({ client, agentUi, auth, sync, threadId }), [client, agentUi, auth, sync, threadId]);
+    useEffect(() => runtime.start(), [runtime]);
+    return _jsx(ChatScope, { value: runtime, children: children });
+}
+//# sourceMappingURL=chat-root.js.map

package/dist/react/chat/chat-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-root.js","sourceRoot":"","sources":["../../../src/react/chat/chat-root.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAQhD;;;;;GAKG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAiB;IACxD,OAAO,CACL,KAAC,QAAQ,IAA0B,QAAQ,EAAE,QAAQ,YAClD,QAAQ,IADI,gBAAgB,EAAE,CAEtB,CACZ,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAiB;IACrD,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,YAAY,EAAE,CAAC;IACvD,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAClE,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,CACxC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAE5C,OAAO,KAAC,SAAS,IAAC,KAAK,EAAE,OAAO,YAAG,QAAQ,GAAa,CAAC;AAC3D,CAAC","sourcesContent":["import { type ReactNode, useEffect, useMemo } from \"react\";\n\nimport { useFramework, useIdentityEpoch } from \"../provider.js\";\nimport { ChatScope } from \"./context.js\";\nimport { createRootRuntime } from \"./create.js\";\n\nexport interface ChatRootProps {\n  /** The thread to show. When omitted, the most recent one, or a blank one for a user with none. */\n  readonly threadId?: string | undefined;\n  readonly children: ReactNode;\n}\n\n/**\n * Owns one chat runtime for its subtree: the `chat` channel on the existing sync stream,\n * its thread in presence `watching` so inline confirmations reach this client, and the\n * confirmation subscription. Renders no DOM of its own. When the signed-in user changes,\n * the subtree remounts with a fresh runtime, so nothing of the previous user remains.\n */\nexport function Root({ threadId, children }: ChatRootProps): ReactNode {\n  return (\n    <UserChat key={useIdentityEpoch()} threadId={threadId}>\n      {children}\n    </UserChat>\n  );\n}\n\nfunction UserChat({ threadId, children }: ChatRootProps): ReactNode {\n  const { client, agentUi, auth, sync } = useFramework();\n  const runtime = useMemo(\n    () => createRootRuntime({ client, agentUi, auth, sync, threadId }),\n    [client, agentUi, auth, sync, threadId],\n  );\n\n  useEffect(() => runtime.start(), [runtime]);\n\n  return <ChatScope value={runtime}>{children}</ChatScope>;\n}\n"]}

package/dist/react/chat/chat-thread.d.ts

@@ -0,0 +1,18 @@
+import type { AgentConfirmation } from "@parlor/agent-ui/client";
+import type { ChatItem } from "@parlor/chat";
+import { type ComponentProps, type ReactNode } from "react";
+export interface ChatThreadProps extends Omit<ComponentProps<"ol">, "children"> {
+    readonly children: (item: ChatItem<AgentConfirmation>) => ReactNode;
+    readonly empty?: ReactNode;
+    /** The first row while the thread has earlier items, such as a `Chat.LoadOlder`. */
+    readonly older?: ReactNode;
+}
+/**
+ * `role="log"`, one `<li data-kind data-streaming>` per item keyed by item id, so a
+ * streamed reply keeps its row when its durable twin lands. Stays scrolled to the end
+ * while the user is there and never steals focus; `data-status` mirrors the chat status.
+ */
+export declare function Thread({ children, empty, older, ref, onScroll, ...props }: ChatThreadProps): import("react").JSX.Element;
+/** `type="button"`; rendered only while the thread has earlier items, which it reads. */
+export declare function LoadOlder({ children, onClick, ...props }: ComponentProps<"button">): import("react").JSX.Element | null;
+//# sourceMappingURL=chat-thread.d.ts.map

package/dist/react/chat/chat-thread.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-thread.d.ts","sourceRoot":"","sources":["../../../src/react/chat/chat-thread.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC7E,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,iBAAiB,CAAC,KAAK,SAAS,CAAC;IACpE,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,oFAAoF;IACpF,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;CAC5B;AAMD;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,KAAK,EACL,GAAG,EACH,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,+BAmEjB;AAED,yFAAyF;AACzF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,sCAqBlF"}

package/dist/react/chat/chat-thread.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useCallback, useLayoutEffect, useRef, } from "react";
+import { useChatRuntime, useChatState } from "./context.js";
+const NEAR_END_PX = 24;
+const flag = (value) => (value ? "true" : "false");
+/**
+ * `role="log"`, one `<li data-kind data-streaming>` per item keyed by item id, so a
+ * streamed reply keeps its row when its durable twin lands. Stays scrolled to the end
+ * while the user is there and never steals focus; `data-status` mirrors the chat status.
+ */
+export function Thread({ children, empty, older, ref, onScroll, ...props }) {
+    const { items, status, hasOlder } = useChatState("Chat.Thread");
+    const list = useRef(null);
+    const atEnd = useRef(true);
+    const anchor = useRef({
+        height: 0,
+    });
+    const attach = useCallback((element) => {
+        list.current = element;
+        if (typeof ref === "function")
+            return ref(element);
+        if (ref) {
+            ref.current = element;
+            return () => {
+                ref.current = null;
+            };
+        }
+    }, [ref]);
+    const track = (event) => {
+        onScroll?.(event);
+        const element = event.currentTarget;
+        atEnd.current =
+            element.scrollHeight - element.scrollTop - element.clientHeight <= NEAR_END_PX;
+    };
+    useLayoutEffect(() => {
+        const element = list.current;
+        if (!element)
+            return;
+        const first = items[0]?.id;
+        const before = anchor.current;
+        if (atEnd.current)
+            element.scrollTop = element.scrollHeight;
+        else if (before.first !== undefined &&
+            first !== before.first &&
+            items.some((item) => item.id === before.first)) {
+            element.scrollTop += element.scrollHeight - before.height;
+        }
+        anchor.current = { first, height: element.scrollHeight };
+    });
+    return (_jsxs(Fragment, { children: [_jsxs("ol", { role: "log", ...props, ref: attach, onScroll: track, "data-status": status, children: [hasOlder && older !== undefined ? _jsx("li", { "data-kind": "older", children: older }) : null, items.map((item) => (_jsx("li", { "data-item-id": item.id, "data-kind": item.kind, "data-streaming": "streaming" in item ? flag(item.streaming) : undefined, "data-interrupted": item.kind === "reply" || item.kind === "reasoning"
+                            ? flag(item.interrupted)
+                            : undefined, children: children(item) }, item.id)))] }), items.length === 0 ? empty : null] }));
+}
+/** `type="button"`; rendered only while the thread has earlier items, which it reads. */
+export function LoadOlder({ children, onClick, ...props }) {
+    const runtime = useChatRuntime("Chat.LoadOlder");
+    const { hasOlder, loadingOlder } = useChatState("Chat.LoadOlder");
+    if (!hasOlder)
+        return null;
+    return (_jsx("button", { type: "button", disabled: loadingOlder, ...props, onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented) {
+                runtime.loadOlder().catch((error) => {
+                    console.error("[parlor] The chat could not do that:", error);
+                });
+            }
+        }, children: children ?? (loadingOlder ? "Loading…" : "Show earlier messages") }));
+}
+//# sourceMappingURL=chat-thread.js.map

package/dist/react/chat/chat-thread.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-thread.js","sourceRoot":"","sources":["../../../src/react/chat/chat-thread.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AgentConfirmation } from \"@parlor/agent-ui/client\";\nimport type { ChatItem } from \"@parlor/chat\";\nimport {\n  type ComponentProps,\n  Fragment,\n  type ReactNode,\n  type UIEvent,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n} from \"react\";\n\nimport { useChatRuntime, useChatState } from \"./context.js\";\n\nexport interface ChatThreadProps extends Omit<ComponentProps<\"ol\">, \"children\"> {\n  readonly children: (item: ChatItem<AgentConfirmation>) => ReactNode;\n  readonly empty?: ReactNode;\n  /** The first row while the thread has earlier items, such as a `Chat.LoadOlder`. */\n  readonly older?: ReactNode;\n}\n\nconst NEAR_END_PX = 24;\n\nconst flag = (value: boolean) => (value ? \"true\" : \"false\");\n\n/**\n * `role=\"log\"`, one `<li data-kind data-streaming>` per item keyed by item id, so a\n * streamed reply keeps its row when its durable twin lands. Stays scrolled to the end\n * while the user is there and never steals focus; `data-status` mirrors the chat status.\n */\nexport function Thread({\n  children,\n  empty,\n  older,\n  ref,\n  onScroll,\n  ...props\n}: ChatThreadProps) {\n  const { items, status, hasOlder } = useChatState(\"Chat.Thread\");\n  const list = useRef<HTMLOListElement | null>(null);\n  const atEnd = useRef(true);\n  const anchor = useRef<{ readonly first?: string | undefined; readonly height: number }>(\n    {\n      height: 0,\n    },\n  );\n  const attach = useCallback(\n    (element: HTMLOListElement | null) => {\n      list.current = element;\n      if (typeof ref === \"function\") return ref(element);\n      if (ref) {\n        ref.current = element;\n        return () => {\n          ref.current = null;\n        };\n      }\n    },\n    [ref],\n  );\n  const track = (event: UIEvent<HTMLOListElement>) => {\n    onScroll?.(event);\n    const element = event.currentTarget;\n    atEnd.current =\n      element.scrollHeight - element.scrollTop - element.clientHeight <= NEAR_END_PX;\n  };\n  useLayoutEffect(() => {\n    const element = list.current;\n    if (!element) return;\n    const first = items[0]?.id;\n    const before = anchor.current;\n    if (atEnd.current) element.scrollTop = element.scrollHeight;\n    else if (\n      before.first !== undefined &&\n      first !== before.first &&\n      items.some((item) => item.id === before.first)\n    ) {\n      element.scrollTop += element.scrollHeight - before.height;\n    }\n    anchor.current = { first, height: element.scrollHeight };\n  });\n\n  return (\n    <Fragment>\n      <ol role=\"log\" {...props} ref={attach} onScroll={track} data-status={status}>\n        {hasOlder && older !== undefined ? <li data-kind=\"older\">{older}</li> : null}\n        {items.map((item) => (\n          <li\n            key={item.id}\n            data-item-id={item.id}\n            data-kind={item.kind}\n            data-streaming={\"streaming\" in item ? flag(item.streaming) : undefined}\n            data-interrupted={\n              item.kind === \"reply\" || item.kind === \"reasoning\"\n                ? flag(item.interrupted)\n                : undefined\n            }\n          >\n            {children(item)}\n          </li>\n        ))}\n      </ol>\n      {items.length === 0 ? empty : null}\n    </Fragment>\n  );\n}\n\n/** `type=\"button\"`; rendered only while the thread has earlier items, which it reads. */\nexport function LoadOlder({ children, onClick, ...props }: ComponentProps<\"button\">) {\n  const runtime = useChatRuntime(\"Chat.LoadOlder\");\n  const { hasOlder, loadingOlder } = useChatState(\"Chat.LoadOlder\");\n  if (!hasOlder) return null;\n  return (\n    <button\n      type=\"button\"\n      disabled={loadingOlder}\n      {...props}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) {\n          runtime.loadOlder().catch((error: unknown) => {\n            console.error(\"[parlor] The chat could not do that:\", error);\n          });\n        }\n      }}\n    >\n      {children ?? (loadingOlder ? \"Loading…\" : \"Show earlier messages\")}\n    </button>\n  );\n}\n"]}

package/dist/react/chat/context.d.ts

@@ -0,0 +1,6 @@
+import type { ChatRuntime, ChatState } from "./runtime.js";
+export declare const ChatScope: import("react").Context<ChatRuntime | undefined>;
+export declare function useChatRuntime(part: string): ChatRuntime;
+export declare function useChatState(part: string): ChatState;
+export declare function canSend(state: ChatState): boolean;
+//# sourceMappingURL=context.d.ts.map

package/dist/react/chat/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/react/chat/context.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE3D,eAAO,MAAM,SAAS,kDAAoD,CAAC;AAE3E,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,CAIxD;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAGpD;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,CAWjD"}

package/dist/react/chat/context.js

@@ -0,0 +1,24 @@
+import { isPromptTooLong } from "@parlor/chat";
+import { createContext, use, useSyncExternalStore } from "react";
+export const ChatScope = createContext(undefined);
+export function useChatRuntime(part) {
+    const runtime = use(ChatScope);
+    if (!runtime)
+        throw new Error(`${part} must be rendered inside Chat.Root.`);
+    return runtime;
+}
+export function useChatState(part) {
+    const runtime = useChatRuntime(part);
+    return useSyncExternalStore(runtime.subscribe, runtime.get, runtime.get);
+}
+export function canSend(state) {
+    const { agent } = state;
+    return (state.draft.trim() !== "" &&
+        state.setup === undefined &&
+        state.link.status === "linked" &&
+        !isPromptTooLong(state.draft) &&
+        agent !== undefined &&
+        agent.ready &&
+        (state.status === "idle" || state.status === "running" || state.status === "waiting"));
+}
+//# sourceMappingURL=context.js.map

package/dist/react/chat/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/react/chat/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAIjE,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CAA0B,SAAS,CAAC,CAAC;AAE3E,MAAM,UAAU,cAAc,CAAC,IAAY;IACzC,MAAM,OAAO,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC;IAC/B,IAAI,CAAC,OAAO;QAAE,MAAM,IAAI,KAAK,CAAC,GAAG,IAAI,qCAAqC,CAAC,CAAC;IAC5E,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,IAAY;IACvC,MAAM,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IACrC,OAAO,oBAAoB,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;AAC3E,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,KAAgB;IACtC,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,OAAO,CACL,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE;QACzB,KAAK,CAAC,KAAK,KAAK,SAAS;QACzB,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,QAAQ;QAC9B,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;QAC7B,KAAK,KAAK,SAAS;QACnB,KAAK,CAAC,KAAK;QACX,CAAC,KAAK,CAAC,MAAM,KAAK,MAAM,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CACtF,CAAC;AACJ,CAAC","sourcesContent":["import { isPromptTooLong } from \"@parlor/chat\";\nimport { createContext, use, useSyncExternalStore } from \"react\";\n\nimport type { ChatRuntime, ChatState } from \"./runtime.js\";\n\nexport const ChatScope = createContext<ChatRuntime | undefined>(undefined);\n\nexport function useChatRuntime(part: string): ChatRuntime {\n  const runtime = use(ChatScope);\n  if (!runtime) throw new Error(`${part} must be rendered inside Chat.Root.`);\n  return runtime;\n}\n\nexport function useChatState(part: string): ChatState {\n  const runtime = useChatRuntime(part);\n  return useSyncExternalStore(runtime.subscribe, runtime.get, runtime.get);\n}\n\nexport function canSend(state: ChatState): boolean {\n  const { agent } = state;\n  return (\n    state.draft.trim() !== \"\" &&\n    state.setup === undefined &&\n    state.link.status === \"linked\" &&\n    !isPromptTooLong(state.draft) &&\n    agent !== undefined &&\n    agent.ready &&\n    (state.status === \"idle\" || state.status === \"running\" || state.status === \"waiting\")\n  );\n}\n"]}

package/dist/react/chat/create.d.ts

@@ -0,0 +1,15 @@
+import type { AgentUiClient } from "@parlor/agent-ui/client";
+import { type ActionClient } from "../../action-client.js";
+import type { RegisteredActions } from "../../register.js";
+import type { FrameworkAuth } from "../../session.js";
+import type { FrameworkSync } from "../sync-bridge.js";
+import { type ChatRuntime } from "./runtime.js";
+export interface RootRuntimeInput {
+    readonly client: ActionClient<RegisteredActions>;
+    readonly agentUi: AgentUiClient;
+    readonly auth: FrameworkAuth | undefined;
+    readonly sync: FrameworkSync;
+    readonly threadId: string | undefined;
+}
+export declare function createRootRuntime(input: RootRuntimeInput): ChatRuntime;
+//# sourceMappingURL=create.d.ts.map

package/dist/react/chat/create.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../../src/react/chat/create.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAI7D,OAAO,EAAE,KAAK,YAAY,EAAa,MAAM,wBAAwB,CAAC;AAEtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,KAAK,WAAW,EAAqB,MAAM,cAAc,CAAC;AAEnE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACjD,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC;IAChC,QAAQ,CAAC,IAAI,EAAE,aAAa,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CACvC;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,GAAG,WAAW,CAkBtE"}

package/dist/react/chat/create.js

@@ -0,0 +1,23 @@
+import { localAgentHost, resolveCapability } from "@parlor/capabilities";
+import { appOrigin } from "../../action-client.js";
+import { createPluginClient } from "../../plugin-client.js";
+import { createChatRuntime } from "./runtime.js";
+export function createRootRuntime(input) {
+    const { client, agentUi, auth, sync, threadId } = input;
+    return createChatRuntime({
+        calls: createPluginClient(client, "chat"),
+        clientId: client.clientId,
+        appOrigin: appOrigin(),
+        agentUi,
+        addChannel: (channel) => sync.addChannel(channel),
+        onSyncTags: (listener) => sync.onEvents((events) => listener(events.flatMap((event) => event.tags))),
+        onResume: (listener) => sync.onResume(listener),
+        transport: () => sync.transport(),
+        onNegotiated: (listener) => sync.onNegotiated(listener),
+        isHidden: () => globalThis.document?.visibilityState === "hidden",
+        auth,
+        localHost: resolveCapability(localAgentHost),
+        threadId,
+    });
+}
+//# sourceMappingURL=create.js.map

package/dist/react/chat/create.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../../../src/react/chat/create.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzE,OAAO,EAAqB,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAI5D,OAAO,EAAoB,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAUnE,MAAM,UAAU,iBAAiB,CAAC,KAAuB;IACvD,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxD,OAAO,iBAAiB,CAAC;QACvB,KAAK,EAAE,kBAAkB,CAAoB,MAAM,EAAE,MAAM,CAAC;QAC5D,QAAQ,EAAE,MAAM,CAAC,QAAQ;QACzB,SAAS,EAAE,SAAS,EAAE;QACtB,OAAO;QACP,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;QACjD,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CACvB,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5E,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;QAC/C,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE;QACjC,YAAY,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;QACvD,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,eAAe,KAAK,QAAQ;QACjE,IAAI;QACJ,SAAS,EAAE,iBAAiB,CAAC,cAAc,CAAC;QAC5C,QAAQ;KACT,CAAC,CAAC;AACL,CAAC","sourcesContent":["import type { AgentUiClient } from \"@parlor/agent-ui/client\";\nimport { localAgentHost, resolveCapability } from \"@parlor/capabilities\";\nimport type { ChatUserActionMap } from \"@parlor/chat/server\";\n\nimport { type ActionClient, appOrigin } from \"../../action-client.js\";\nimport { createPluginClient } from \"../../plugin-client.js\";\nimport type { RegisteredActions } from \"../../register.js\";\nimport type { FrameworkAuth } from \"../../session.js\";\nimport type { FrameworkSync } from \"../sync-bridge.js\";\nimport { type ChatRuntime, createChatRuntime } from \"./runtime.js\";\n\nexport interface RootRuntimeInput {\n  readonly client: ActionClient<RegisteredActions>;\n  readonly agentUi: AgentUiClient;\n  readonly auth: FrameworkAuth | undefined;\n  readonly sync: FrameworkSync;\n  readonly threadId: string | undefined;\n}\n\nexport function createRootRuntime(input: RootRuntimeInput): ChatRuntime {\n  const { client, agentUi, auth, sync, threadId } = input;\n  return createChatRuntime({\n    calls: createPluginClient<ChatUserActionMap>(client, \"chat\"),\n    clientId: client.clientId,\n    appOrigin: appOrigin(),\n    agentUi,\n    addChannel: (channel) => sync.addChannel(channel),\n    onSyncTags: (listener) =>\n      sync.onEvents((events) => listener(events.flatMap((event) => event.tags))),\n    onResume: (listener) => sync.onResume(listener),\n    transport: () => sync.transport(),\n    onNegotiated: (listener) => sync.onNegotiated(listener),\n    isHidden: () => globalThis.document?.visibilityState === \"hidden\",\n    auth,\n    localHost: resolveCapability(localAgentHost),\n    threadId,\n  });\n}\n"]}

package/dist/react/chat/open-turns.d.ts

@@ -0,0 +1,10 @@
+import { type ChatFrame, type LoggedItem, type OpenTurn, type TurnStatus } from "@parlor/chat";
+import type { TurnId } from "@parlor/core";
+export interface OpenTurns {
+    readonly turns: ReadonlyMap<TurnId, OpenTurn>;
+}
+export declare const NO_OPEN_TURNS: OpenTurns;
+export declare function applyFrame(open: OpenTurns, frame: ChatFrame): OpenTurns;
+export declare function mergeSnapshot(open: OpenTurns, snapshot: readonly OpenTurn[]): OpenTurns;
+export declare function pruneOpen(open: OpenTurns, durable: ReadonlyMap<string, LoggedItem>, statuses: readonly TurnStatus[]): OpenTurns;
+//# sourceMappingURL=open-turns.d.ts.map

package/dist/react/chat/open-turns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"open-turns.d.ts","sourceRoot":"","sources":["../../../src/react/chat/open-turns.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,UAAU,EAEf,KAAK,QAAQ,EACb,KAAK,UAAU,EAChB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,aAAa,EAAE,SAAgC,CAAC;AAE7D,wBAAgB,UAAU,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,CAYvE;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,QAAQ,EAAE,GAAG,SAAS,CA2BvF;AAED,wBAAgB,SAAS,CACvB,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,WAAW,CAAC,MAAM,EAAE,UAAU,CAAC,EACxC,QAAQ,EAAE,SAAS,UAAU,EAAE,GAC9B,SAAS,CAaX"}

package/dist/react/chat/open-turns.js

@@ -0,0 +1,60 @@
+import { applyFrame as applyToItems, } from "@parlor/chat";
+export const NO_OPEN_TURNS = { turns: new Map() };
+export function applyFrame(open, frame) {
+    if (frame.type === "settled")
+        return open;
+    const turn = open.turns.get(frame.turnId);
+    const applied = applyToItems(turn?.items ?? [], frame);
+    if (!applied)
+        return open;
+    const next = new Map(open.turns);
+    next.set(frame.turnId, {
+        turnId: frame.turnId,
+        threadId: frame.threadId,
+        items: [...applied.items],
+    });
+    return { turns: next };
+}
+export function mergeSnapshot(open, snapshot) {
+    const turns = new Map(snapshot.map((turn) => [turn.turnId, turn]));
+    for (const [turnId, local] of open.turns) {
+        const remote = turns.get(turnId);
+        if (!remote) {
+            turns.set(turnId, local);
+            continue;
+        }
+        const longer = (item) => {
+            const mine = local.items.find((candidate) => candidate.id === item.id);
+            return mine &&
+                "text" in mine &&
+                "text" in item &&
+                mine.text.length > item.text.length
+                ? mine
+                : item;
+        };
+        const known = new Set(remote.items.map((item) => item.id));
+        turns.set(turnId, {
+            ...remote,
+            items: [
+                ...remote.items.map(longer),
+                ...local.items.filter((i) => !known.has(i.id)),
+            ],
+        });
+    }
+    return { turns };
+}
+export function pruneOpen(open, durable, statuses) {
+    const over = new Set(statuses
+        .filter((s) => s.state !== "queued" && s.state !== "running")
+        .map((s) => s.turnId));
+    const turns = new Map();
+    for (const [turnId, turn] of open.turns) {
+        if (over.has(turnId))
+            continue;
+        const items = turn.items.filter((item) => !durable.has(item.id));
+        if (items.length > 0)
+            turns.set(turnId, { ...turn, items });
+    }
+    return { turns };
+}
+//# sourceMappingURL=open-turns.js.map

package/dist/react/chat/open-turns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"open-turns.js","sourceRoot":"","sources":["../../../src/react/chat/open-turns.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  applyFrame as applyToItems,\n  type ChatFrame,\n  type LoggedItem,\n  type OpenItem,\n  type OpenTurn,\n  type TurnStatus,\n} from \"@parlor/chat\";\nimport type { TurnId } from \"@parlor/core\";\n\nexport interface OpenTurns {\n  readonly turns: ReadonlyMap<TurnId, OpenTurn>;\n}\n\nexport const NO_OPEN_TURNS: OpenTurns = { turns: new Map() };\n\nexport function applyFrame(open: OpenTurns, frame: ChatFrame): OpenTurns {\n  if (frame.type === \"settled\") return open;\n  const turn = open.turns.get(frame.turnId);\n  const applied = applyToItems(turn?.items ?? [], frame);\n  if (!applied) return open;\n  const next = new Map(open.turns);\n  next.set(frame.turnId, {\n    turnId: frame.turnId,\n    threadId: frame.threadId,\n    items: [...applied.items],\n  });\n  return { turns: next };\n}\n\nexport function mergeSnapshot(open: OpenTurns, snapshot: readonly OpenTurn[]): OpenTurns {\n  const turns = new Map<TurnId, OpenTurn>(snapshot.map((turn) => [turn.turnId, turn]));\n  for (const [turnId, local] of open.turns) {\n    const remote = turns.get(turnId);\n    if (!remote) {\n      turns.set(turnId, local);\n      continue;\n    }\n    const longer = (item: OpenItem): OpenItem => {\n      const mine = local.items.find((candidate) => candidate.id === item.id);\n      return mine &&\n        \"text\" in mine &&\n        \"text\" in item &&\n        mine.text.length > item.text.length\n        ? mine\n        : item;\n    };\n    const known = new Set(remote.items.map((item) => item.id));\n    turns.set(turnId, {\n      ...remote,\n      items: [\n        ...remote.items.map(longer),\n        ...local.items.filter((i) => !known.has(i.id)),\n      ],\n    });\n  }\n  return { turns };\n}\n\nexport function pruneOpen(\n  open: OpenTurns,\n  durable: ReadonlyMap<string, LoggedItem>,\n  statuses: readonly TurnStatus[],\n): OpenTurns {\n  const over = new Set(\n    statuses\n      .filter((s) => s.state !== \"queued\" && s.state !== \"running\")\n      .map((s) => s.turnId),\n  );\n  const turns = new Map<TurnId, OpenTurn>();\n  for (const [turnId, turn] of open.turns) {\n    if (over.has(turnId)) continue;\n    const items = turn.items.filter((item) => !durable.has(item.id));\n    if (items.length > 0) turns.set(turnId, { ...turn, items });\n  }\n  return { turns };\n}\n"]}