@mechane-ai/elements 0.0.0-stage → 0.4.0

package/dist/ai.js

@@ -0,0 +1,323 @@
+import { b as e, f as t, p as n, t as r, v as i } from "./src-CbYaLvhD.js";
+import { t as a } from "./content-link-Bm-Td5wm.js";
+import { l as o, s } from "./src-CvpS9XIR.js";
+import { r as c } from "./src-CfDf8TY8.js";
+import * as l from "@stylexjs/stylex";
+import { createContext as u, useContext as d, useId as f, useRef as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { ArrowDown as g, ArrowUp as _, ExternalLink as v, File as y, Square as b } from "lucide-react";
+import { MessageScroller as x, useMessageScroller as S, useMessageScrollerScrollable as C } from "@shadcn/react/message-scroller";
+// packages/ai/src/approval.tsx
+function w(e) {
+	return /* @__PURE__ */ h("section", {
+		"aria-label": e.title,
+		"data-request-id": e.requestId,
+		className: "x78zum5 xdt5ytf x1n8ia3y xeuugli x1c8xbx5 xmkeg23 x1y0btm7 x1ey3b81 x1ok0vyi xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt",
+		children: [
+			/* @__PURE__ */ m("h3", {
+				className: "x1ghz6dp xtqrqnz x1778rvt xk50ysn xj0a0fe",
+				children: e.title
+			}),
+			e.description !== void 0 && /* @__PURE__ */ m("p", {
+				className: "x1ghz6dp x153jb6y xj0a0fe",
+				children: e.description
+			}),
+			e.children,
+			e.status === "pending" ? /* @__PURE__ */ h(t, { children: [/* @__PURE__ */ m(i, {
+				variant: "solid",
+				onClick: e.onApprove,
+				disabled: e.disabled === !0 || e.busy !== void 0,
+				pending: e.busy === "approve",
+				pendingLabel: "Approving…",
+				children: e.approveLabel ?? "Approve"
+			}), /* @__PURE__ */ m(i, {
+				onClick: e.onDeny,
+				disabled: e.disabled === !0 || e.busy !== void 0,
+				pending: e.busy === "deny",
+				pendingLabel: "Denying…",
+				children: e.denyLabel ?? "Deny"
+			})] }) : /* @__PURE__ */ m(r, { children: e.statusLabel })
+		]
+	});
+}
+// packages/ai/src/conversation.tsx
+var T = u(void 0);
+function E({ children: e, initialPosition: t = "end", follow: n = !0 }) {
+	let r = p(null);
+	return /* @__PURE__ */ m(T.Provider, {
+		value: r,
+		children: /* @__PURE__ */ m(x.Provider, {
+			autoScroll: n,
+			defaultScrollPosition: t,
+			children: /* @__PURE__ */ m(x.Root, {
+				className: "x1n2onr6 x78zum5 xdt5ytf x5yr21d x2lwn1j xeuugli xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt",
+				children: e
+			})
+		})
+	});
+}
+function D({ label: e, children: t }) {
+	let n = d(T);
+	return /* @__PURE__ */ m(x.Viewport, {
+		ref: n,
+		"aria-label": e,
+		className: "x98rzlu x2lwn1j xeuugli x1odjw0f x1046ku7 x185mbhu x1ok0vyi x13qnu6 x9v5kkp x19rmrnh x1bqaal",
+		children: t
+	});
+}
+function O({ children: e, streaming: t = !1 }) {
+	return /* @__PURE__ */ m(x.Content, {
+		"aria-live": "polite",
+		"aria-relevant": "additions",
+		"aria-busy": t,
+		className: "x78zum5 xdt5ytf x1j825kq x1c8xbx5 xeuugli",
+		children: e
+	});
+}
+function k({ messageId: e, children: t }) {
+	return /* @__PURE__ */ m(x.Item, {
+		messageId: e,
+		className: "xeuugli xj0a0fe",
+		children: t
+	});
+}
+function A({ label: e = "Jump to latest" }) {
+	let { scrollToEnd: t } = S(), { end: n } = C(), r = d(T);
+	return n ? /* @__PURE__ */ m("div", {
+		className: "x10l6tqk xwthv0x x1nrll8i xuuh30",
+		children: /* @__PURE__ */ h(i, {
+			onClick: () => {
+				t({ behavior: "instant" }), r?.current?.focus({ preventScroll: !0 });
+			},
+			children: [/* @__PURE__ */ m(g, {
+				size: 16,
+				"aria-hidden": !0
+			}), e]
+		})
+	}) : null;
+}
+var j = {
+	Root: E,
+	Viewport: D,
+	Content: O,
+	Item: k,
+	JumpToLatest: A
+}, M = {
+	root: {
+		k1xSpc: "x78zum5",
+		kXwgrk: "xdt5ytf",
+		kOIVth: "x1n8ia3y",
+		k7Eaqz: "xeuugli",
+		kMwMTN: "xbixft",
+		kMv6JI: "x1hz01jw",
+		kGuDYH: "xtqrqnz",
+		kLWn49: "x1778rvt",
+		$$css: !0
+	},
+	user: {
+		kmVPX3: "x1c8xbx5",
+		kMzoRj: "xmkeg23",
+		ksu8eU: "x1y0btm7",
+		kVAM5u: "x1ey3b81",
+		kaIpWk: "x1ok0vyi",
+		kWkggS: "x1r7kqkb",
+		$$css: !0
+	},
+	assistant: { $$css: !0 },
+	system: {
+		kMwMTN: "x153jb6y",
+		k8WAf4: "xn9t2bk",
+		$$css: !0
+	}
+}, N = {
+	user: M.user,
+	assistant: M.assistant,
+	system: M.system
+};
+function P({ author: e, children: t, id: n, kind: r = "assistant", meta: i, actions: a, attachments: o }) {
+	return /* @__PURE__ */ h("article", {
+		id: n,
+		"aria-label": e,
+		...l.props(M.root, N[r]),
+		children: [
+			/* @__PURE__ */ h("header", {
+				className: "x78zum5 x1pha0wt x1hnptsi x1a02dak xeuugli",
+				children: [/* @__PURE__ */ m("span", {
+					className: "xk50ysn xj0a0fe",
+					children: e
+				}), i !== void 0 && /* @__PURE__ */ m("div", {
+					className: "x153jb6y xy8obcc xas2l8k",
+					children: i
+				})]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "xeuugli xj0a0fe",
+				children: t
+			}),
+			o !== void 0 && /* @__PURE__ */ m("div", {
+				className: "x78zum5 x1a02dak x1qjc9v5 x1hnptsi",
+				children: o
+			}),
+			a !== void 0 && /* @__PURE__ */ m("footer", {
+				className: "x78zum5 x1a02dak x6s0dn4 x1hnptsi",
+				children: a
+			})
+		]
+	});
+}
+function F({ name: e, description: t, href: n, actions: r }) {
+	return /* @__PURE__ */ h("div", {
+		className: "x78zum5 x6s0dn4 x1n8ia3y xeuugli x193iq5w x1mvvolr xmkeg23 x1y0btm7 x1ey3b81 x1ok0vyi xpvm0e4 x1hz01jw xtqrqnz x1778rvt",
+		children: [
+			/* @__PURE__ */ m(y, {
+				size: 16,
+				"aria-hidden": !0,
+				className: "x153jb6y x2lah0s"
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "x78zum5 xdt5ytf xfko13i xeuugli xj0a0fe",
+				children: [n === void 0 ? /* @__PURE__ */ m("span", { children: e }) : /* @__PURE__ */ m(a, {
+					href: n,
+					children: e
+				}), t !== void 0 && /* @__PURE__ */ m("span", {
+					className: "x153jb6y xy8obcc xas2l8k",
+					children: t
+				})]
+			}),
+			r
+		]
+	});
+}
+// packages/ai/src/prompt-input.tsx
+var I = { action: {
+	keTefX: "xvc5jky",
+	$$css: !0
+} };
+function L({ label: e, value: t, onValueChange: n, onSubmit: r, name: a = "prompt", placeholder: c, maxLength: l, required: u = !0, pending: d = !1, disabled: p = !1, submitDisabled: g = !1, submitLabel: v = "Send message", pendingLabel: y = "Sending…", enterBehavior: x = "newline", description: S, error: C, controls: w, attachments: T, onStop: E, stopPending: D = !1, stopLabel: O = "Stop response" }) {
+	let k = f(), A = p || d;
+	function j(e) {
+		if (x !== "submit" || e.key !== "Enter" || e.repeat) return;
+		let t = e.altKey || e.ctrlKey || e.metaKey;
+		e.shiftKey || t || e.nativeEvent.isComposing || e.nativeEvent.keyCode === 229 || (e.preventDefault(), !A && !g && E === void 0 && e.currentTarget.form?.requestSubmit());
+	}
+	function M(e) {
+		e.preventDefault(), !A && !g && E === void 0 && r(e);
+	}
+	return /* @__PURE__ */ h("form", {
+		onSubmit: M,
+		className: "x78zum5 xdt5ytf x1n8ia3y xeuugli",
+		children: [
+			/* @__PURE__ */ h(s.Root, {
+				invalid: C !== void 0,
+				children: [
+					/* @__PURE__ */ m(s.Label, { children: e }),
+					/* @__PURE__ */ m(o, {
+						name: a,
+						value: t,
+						onChange: (e) => n(e.currentTarget.value),
+						onKeyDown: j,
+						placeholder: c,
+						maxLength: l,
+						required: u,
+						disabled: p,
+						readOnly: d,
+						"aria-errormessage": C === void 0 ? void 0 : k
+					}),
+					S !== void 0 && /* @__PURE__ */ m(s.Description, { children: S }),
+					C !== void 0 && /* @__PURE__ */ m(s.Error, {
+						id: k,
+						match: !0,
+						role: "alert",
+						children: C
+					})
+				]
+			}),
+			T,
+			/* @__PURE__ */ h("div", {
+				className: "x78zum5 x1a02dak x6s0dn4 x1qughib x1n8ia3y",
+				children: [/* @__PURE__ */ m("div", {
+					className: "x78zum5 x1a02dak x6s0dn4 x1hnptsi xeuugli x12lumcd",
+					children: w
+				}), E === void 0 ? /* @__PURE__ */ h(i, {
+					xstyle: I.action,
+					type: "submit",
+					variant: "solid",
+					disabled: p || g,
+					pending: d,
+					pendingLabel: y,
+					children: [/* @__PURE__ */ m(_, {
+						size: 16,
+						"aria-hidden": !0
+					}), v]
+				}) : /* @__PURE__ */ h(i, {
+					xstyle: I.action,
+					type: "button",
+					onClick: (e) => {
+						e.preventDefault(), E();
+					},
+					disabled: p,
+					pending: D,
+					pendingLabel: "Stopping…",
+					children: [/* @__PURE__ */ m(b, {
+						size: 14,
+						"aria-hidden": !0
+					}), O]
+				})]
+			})
+		]
+	});
+}
+// packages/ai/src/sources.tsx
+function R({ sources: e, label: t = "Sources" }) {
+	return /* @__PURE__ */ h("section", {
+		"aria-label": t,
+		className: "x78zum5 xdt5ytf x1hnptsi xeuugli x1hz01jw xtqrqnz x1778rvt xbixft",
+		children: [/* @__PURE__ */ m("h3", {
+			className: "x1ghz6dp xtqrqnz x1778rvt xk50ysn",
+			children: t
+		}), /* @__PURE__ */ m("ol", {
+			className: "x78zum5 xdt5ytf x1n8ia3y x1ghz6dp x1717udv x3ct3a4",
+			children: e.map((e) => /* @__PURE__ */ h("li", {
+				className: "x78zum5 xdt5ytf xfko13i xeuugli xj0a0fe",
+				children: [/* @__PURE__ */ h("span", {
+					className: "x3nfvp2 x1pha0wt xunmzkg x1a02dak",
+					children: [/* @__PURE__ */ m(a, {
+						href: e.href,
+						children: e.title
+					}), /* @__PURE__ */ m(v, {
+						size: 12,
+						"aria-hidden": !0,
+						className: "x2lah0s x153jb6y"
+					})]
+				}), e.description !== void 0 && /* @__PURE__ */ m("p", {
+					className: "x1ghz6dp x153jb6y xy8obcc xas2l8k xj0a0fe",
+					children: e.description
+				})]
+			}, e.id))
+		})]
+	});
+}
+function z({ source: t, label: r }) {
+	return /* @__PURE__ */ m("span", {
+		className: "xt0psk2 x11njtxf xss6m8b",
+		children: /* @__PURE__ */ h(c.Root, { children: [/* @__PURE__ */ m(c.Trigger, {
+			render: /* @__PURE__ */ m(e, {}),
+			"aria-label": `Source ${r}: ${t.title}`,
+			children: r
+		}), /* @__PURE__ */ m(c.Portal, { children: /* @__PURE__ */ m(c.Positioner, {
+			side: "top",
+			children: /* @__PURE__ */ m(c.Popup, { children: /* @__PURE__ */ h(n, {
+				compact: !0,
+				children: [
+					/* @__PURE__ */ m(c.Title, { children: t.title }),
+					t.description !== void 0 && /* @__PURE__ */ m(c.Description, { children: t.description }),
+					/* @__PURE__ */ m(a, {
+						href: t.href,
+						children: "Open source"
+					})
+				]
+			}) })
+		}) })] })
+	});
+}
+export { w as Approval, j as Conversation, z as InlineCitation, P as Message, F as MessageAttachment, L as PromptInput, R as Sources };