@bysages/solid 0.4.3 → 0.5.0

package/dist/components/ai-prompt-input/index.mjs

@@ -1,168 +1 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
-import { Button } from "../button/index.mjs";
-import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
-import { Field } from "../field/index.mjs";
-import { claimElement, createComponent, insert, setAttribute, spread, template } from "@solidjs/web";
-import { injectComponentStyle } from "@bysages/core/styling";
-import { Show, splitProps } from "solid-js";
-//#region src/components/ai-prompt-input/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div data-scope=ai>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div data-scope=ai data-part=prompt-footer><div data-scope=ai data-part=prompt-end><!><!>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<form><div data-scope=ai data-part=prompt-main><!><!><!></div><!>`);
-function arrowUpIcon() {
-	return iconNode("arrow-up", {
-		width: "14",
-		height: "14"
-	});
-}
-function stopIcon() {
-	return iconNode("square", {
-		width: "14",
-		height: "14"
-	});
-}
-/** The prompt vessel: the shared field textarea — self-growing on the
-* machine's autoresize — with the submit seal riding its last line.
-* Around the body, the slot props answer the composer's anatomy:
-* `header` for attachments riding above, `leading` for the tools at
-* the text's left, `trailing` for the seal itself, `footer` for the
-* tools beneath, and `footerEnd` for the controls that close the
-* footer row — the seal falls there by default, so a model picker
-* dropped in rides the send's shoulder. An empty slot renders no part,
-* so the bare vessel stays one quiet line. Controlled — bind `value`
-* and take the text on `onSubmit`. Enter sends; Shift+Enter breaks the
-* line. While `busy` the seal becomes a stop seal and Enter holds its
-* breath. */
-const PromptInput = withSelfRoot(function PromptInput(props) {
-	injectComponentStyle("ai");
-	const [own, rest] = splitProps(props, [
-		"value",
-		"onValueChange",
-		"onSubmit",
-		"onStop",
-		"placeholder",
-		"disabled",
-		"busy",
-		"header",
-		"leading",
-		"trailing",
-		"footer",
-		"footerEnd"
-	]);
-	const messages = useComponentMessages();
-	const send = () => {
-		const value = (own.value ?? "").trim();
-		if (!value || own.disabled || own.busy) return;
-		own.onSubmit?.(value);
-		own.onValueChange?.("");
-	};
-	const row = (part, content) => content != null ? (() => {
-		var _el$ = _tmpl$();
-		setAttribute(_el$, "data-part", part);
-		insert(_el$, content);
-		return _el$;
-	})() : null;
-	const seal = () => own.busy ? createComponent(Button, {
-		variant: "solid",
-		size: "sm",
-		square: true,
-		type: "button",
-		get "aria-label"() {
-			return messages().ai.stop;
-		},
-		get disabled() {
-			return own.disabled;
-		},
-		onClick: () => own.onStop?.(),
-		get children() {
-			return stopIcon();
-		}
-	}) : createComponent(Button, {
-		variant: "solid",
-		size: "sm",
-		square: true,
-		type: "submit",
-		get "aria-label"() {
-			return messages().ai.send;
-		},
-		get disabled() {
-			return own.disabled || !(own.value ?? "").trim();
-		},
-		get children() {
-			return arrowUpIcon();
-		}
-	});
-	const trailing = () => own.footer != null ? own.trailing : own.trailing ?? seal();
-	var _el$2 = _tmpl$3();
-	var _el$3 = _el$2.firstChild;
-	var _el$4 = _el$3.firstChild;
-	var _el$5 = _el$4.nextSibling;
-	var _el$6 = _el$5.nextSibling;
-	var _el$11 = _el$3.nextSibling;
-	claimElement(_el$2);
-	spread(_el$2, [rest, {
-		"data-scope": "ai",
-		"data-part": "prompt",
-		onSubmit: (event) => {
-			event.preventDefault();
-			send();
-		}
-	}], true);
-	insert(_el$2, () => {
-		return row("prompt-header", own.header);
-	}, _el$3);
-	insert(_el$3, () => {
-		return row("prompt-leading", own.leading);
-	}, _el$4);
-	insert(_el$3, createComponent(Field.Root, { get children() {
-		return createComponent(Field.Textarea, {
-			autoresize: true,
-			rows: 1,
-			get value() {
-				return own.value ?? "";
-			},
-			get placeholder() {
-				return own.placeholder ?? messages().ai.send;
-			},
-			get "aria-label"() {
-				return messages().ai.conversation;
-			},
-			get disabled() {
-				return own.disabled;
-			},
-			onInput: (event) => own.onValueChange?.(event.currentTarget.value),
-			onKeyDown: (event) => {
-				if (event.key === "Enter" && !event.shiftKey) {
-					event.preventDefault();
-					send();
-				}
-			}
-		});
-	} }), _el$5);
-	insert(_el$3, () => {
-		return row("prompt-trailing", trailing());
-	}, _el$6);
-	insert(_el$2, createComponent(Show, {
-		get when() {
-			return own.footer != null;
-		},
-		get children() {
-			var _el$7 = _tmpl$2();
-			var _el$8 = _el$7.firstChild;
-			var _el$9 = _el$8.firstChild;
-			var _el$10 = _el$9.nextSibling;
-			insert(_el$7, () => {
-				return own.footer;
-			}, _el$8);
-			insert(_el$8, () => {
-				return own.footerEnd;
-			}, _el$9);
-			insert(_el$8, seal, _el$10);
-			return _el$7;
-		}
-	}), _el$11);
-	return _el$2;
-});
-//#endregion
-export { PromptInput as AiPromptInput, PromptInput };
+export { t as PromptInput } from "../../ai-prompt-input-CEnnpkgi.mjs";

package/dist/components/ai-reasoning/index.d.mts

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/ai-reasoning/index.d.ts
 export interface ReasoningProps extends JSX.HTMLAttributes<HTMLDivElement> {
   /** The trigger's words — the fold arrives open under them. */
   label?: string;
@@ -11,5 +10,4 @@ export interface ReasoningProps extends JSX.HTMLAttributes<HTMLDivElement> {
 export declare const Reasoning: ((props: ReasoningProps) => JSX.Element) & {
   Root: (props: ReasoningProps) => JSX.Element;
 };
-//#endregion
 export { Reasoning as AiReasoning };

package/dist/components/ai-reasoning/index.mjs

@@ -1,12 +1,12 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { t as chevron } from "../../chevron-BHQrYKPM.mjs";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { t as chevron } from "../../chevron-DGKPHc2O.mjs";
 import { Collapsible } from "../collapsible/index.mjs";
-import { createComponent, insert, mergeProps, template } from "@solidjs/web";
+import { createComponent, insert, mergeProps, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
-//#region src/components/ai-reasoning/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<span>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div data-scope=ai data-part=reasoning-content>`);
+// src/components/ai-reasoning/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-scope=ai data-part=reasoning-content>`);
 /** The model's thought, folded by the shared collapsible in its quiet
 * register: bare ink for a trigger, the thought on one hairline. */
 const Reasoning = withSelfRoot(function Reasoning(props) {
@@ -18,22 +18,17 @@ const Reasoning = withSelfRoot(function Reasoning(props) {
 			return [createComponent(Collapsible.Trigger, { get children() {
 				return [(() => {
 					var _el$ = _tmpl$();
-					insert(_el$, () => {
-						return own.label ?? "Thinking";
-					});
+					insert(_el$, () => own.label ?? "Thinking");
 					return _el$;
 				})(), createComponent(Collapsible.Indicator, { get children() {
 					return chevron();
 				} })];
 			} }), createComponent(Collapsible.Content, { get children() {
 				var _el$2 = _tmpl$2();
-				insert(_el$2, () => {
-					return own.children;
-				});
+				insert(_el$2, () => own.children);
 				return _el$2;
 			} })];
 		}
 	}));
 });
-//#endregion
 export { Reasoning as AiReasoning, Reasoning };

package/dist/components/ai-response/index.d.mts

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/ai-response/index.d.ts
 export interface ResponseProps extends JSX.HTMLAttributes<HTMLDivElement> {
   /** The markdown text to set on the paper — streamed in freely; raw
    * HTML and executable links stay inert. */
@@ -13,10 +12,9 @@ export interface ResponseProps extends JSX.HTMLAttributes<HTMLDivElement> {
   copiedLabel?: string;
 }
 /** Markdown set on the paper. Rendering goes through
- * `@tanstack/markdown`, whose defaults leave raw HTML and executable
+ * `@bysages/core/markdown`, whose defaults leave raw HTML and executable
  * links inert — streaming-safe by construction. */
 export declare const Response: ((props: ResponseProps) => JSX.Element) & {
   Root: (props: ResponseProps) => JSX.Element;
 };
-//#endregion
 export { Response as AiResponse };

package/dist/components/ai-response/index.mjs

@@ -1,2 +1 @@
-import { t as Response } from "../../ai-response-CJ-uEAgj.mjs";
-export { Response as AiResponse, Response };
+export { t as AiResponse, t as Response } from "../../ai-response-BM_DVIDY.mjs";

package/dist/components/ai-source/index.d.mts

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/ai-source/index.d.ts
 export interface SourceProps extends JSX.HTMLAttributes<HTMLAnchorElement> {
   /** Where the ink came from — also the link text when no children are
    * given; opens in a new tab, referrer-free. */
@@ -13,5 +12,4 @@ export declare const Source: ((props: SourceProps) => JSX.Element) & {
 export declare const Sources: ((props: JSX.HTMLAttributes<HTMLOListElement>) => JSX.Element) & {
   Root: (props: JSX.HTMLAttributes<HTMLOListElement>) => JSX.Element;
 };
-//#endregion
 export { Source as AiSource, Sources as AiSources };

package/dist/components/ai-source/index.mjs

@@ -1,37 +1,36 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { claimElement, insert, spread, template } from "@solidjs/web";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { insert, mergeProps, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
-//#region src/components/ai-source/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<li data-scope=ai data-part=source><a>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<ol>`);
+// src/components/ai-source/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<li data-scope=ai data-part=source><a>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<ol>`);
 /** One place the ink came from; href and the rest ride the anchor. */
 const Source = withSelfRoot(function Source(props) {
 	injectComponentStyle("ai");
 	const [own, rest] = splitProps(props, ["href", "children"]);
-	var _el$ = _tmpl$();
-	var _el$2 = _el$.firstChild;
-	claimElement(_el$2);
-	spread(_el$2, [rest, {
-		get href() {
-			return own.href;
-		},
-		target: "_blank",
-		rel: "noreferrer"
-	}], true);
-	insert(_el$2, () => {
-		return own.children ?? own.href;
-	});
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+		spread(_el$2, mergeProps(rest, {
+			get href() {
+				return own.href;
+			},
+			"target": "_blank",
+			"rel": "noreferrer"
+		}), false, true);
+		insert(_el$2, () => own.children ?? own.href);
+		return _el$;
+	})();
 });
 /** The reading list under a response: where this ink came from. */
 const Sources = withSelfRoot(function Sources(props) {
-	var _el$3 = _tmpl$2();
-	spread(_el$3, [props, {
-		"data-scope": "ai",
-		"data-part": "sources"
-	}], false);
-	return _el$3;
+	return (() => {
+		var _el$3 = _tmpl$2();
+		spread(_el$3, mergeProps(props, {
+			"data-scope": "ai",
+			"data-part": "sources"
+		}), false, false);
+		return _el$3;
+	})();
 });
-//#endregion
 export { Source as AiSource, Source, Sources as AiSources, Sources };

package/dist/components/ai-suggestion/index.d.mts

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/ai-suggestion/index.d.ts
 export interface SuggestionProps extends Omit<JSX.HTMLAttributes<HTMLButtonElement>, "onSelect"> {
   /** The next stroke this seal proposes — also its label; handed
    * back whole on `onSelect`. */
@@ -11,5 +10,4 @@ export interface SuggestionProps extends Omit<JSX.HTMLAttributes<HTMLButtonEleme
 export declare const Suggestion: ((props: SuggestionProps) => JSX.Element) & {
   Root: (props: SuggestionProps) => JSX.Element;
 };
-//#endregion
 export { Suggestion as AiSuggestion };

package/dist/components/ai-suggestion/index.mjs

@@ -1,9 +1,9 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
 import { Button } from "../button/index.mjs";
-import { createComponent, mergeProps } from "@solidjs/web";
+import { createComponent, mergeProps } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
-//#region src/components/ai-suggestion/index.tsx
+// src/components/ai-suggestion/index.tsx
 /** A seal-cut button proposing the next stroke; selection hands back
 * the prompt. The shared Button in its outline register. */
 const Suggestion = withSelfRoot(function Suggestion(props) {
@@ -19,5 +19,4 @@ const Suggestion = withSelfRoot(function Suggestion(props) {
 		}
 	}));
 });
-//#endregion
 export { Suggestion as AiSuggestion, Suggestion };

package/dist/components/ai-tool/index.d.mts

@@ -1,25 +1,2 @@
-import { JSX } from "solid-js";
-//#region src/components/ai-tool/index.d.ts
-export type ToolStatus = "pending" | "running" | "completed" | "error";
-export interface ToolProps extends JSX.HTMLAttributes<HTMLDivElement> {
-  /** The name the tool was reached by — shown raw on the trigger
-   * unless friendlier `label` words are given. */
-  name: string;
-  /** Friendlier trigger words than the raw tool name. */
-  label?: JSX.Element;
-  /** The state the call reached — pending, running, completed, or
-   * error; stamped on the fold and whispered in the status chip. */
-  status?: ToolStatus;
-  /** The fold arrives open when set — rides the shared collapsible. */
-  defaultOpen?: boolean;
-  input?: string;
-  output?: string;
-}
-/** A tool call: the shared collapsible as the vessel — the name it was
- * reached by and the state it reached in on the trigger, its input and
- * output folded inside. */
-export declare const Tool: ((props: ToolProps) => JSX.Element) & {
-  Root: (props: ToolProps) => JSX.Element;
-};
-//#endregion
-export { Tool as AiTool };
+import { a as ToolValue, i as ToolStatus, n as ToolApproval, r as ToolProps, t as Tool } from "../../index-DK7YgaAU.mjs";
+export { Tool as AiTool, Tool, ToolApproval, ToolProps, ToolStatus, ToolValue };

package/dist/components/ai-tool/index.mjs

@@ -1,38 +1,51 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { t as chevron } from "../../chevron-BHQrYKPM.mjs";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { Button } from "../button/index.mjs";
+import { n as useComponentMessages } from "../../use-component-messages-DS9ppb4C.mjs";
+import { t as chevron } from "../../chevron-DGKPHc2O.mjs";
 import { Collapsible } from "../collapsible/index.mjs";
-import { createComponent, insert, mergeProps, template } from "@solidjs/web";
+import { createComponent, effect, insert, mergeProps, setAttribute, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Show, splitProps } from "solid-js";
-//#region src/components/ai-tool/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<span>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<span data-scope=ai data-part=tool-status>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<span data-scope=ai data-part=tool-label>Input`);
-var _tmpl$4 = /* @__PURE__ */ template(`<pre>`);
-var _tmpl$5 = /* @__PURE__ */ template(`<span data-scope=ai data-part=tool-label>Output`);
-var _tmpl$6 = /* @__PURE__ */ template(`<div data-scope=ai data-part=tool-body><!><!>`);
+// src/components/ai-tool/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span data-scope=ai data-part=tool-status>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<span data-scope=ai data-part=tool-label>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<pre>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<div data-scope=ai data-part=tool-actions>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<div data-scope=ai data-part=tool-body>`);
+function formatValue(value) {
+	if (typeof value === "string") return value;
+	if (typeof value === "number" || typeof value === "boolean" || value === null) return String(value);
+	if (value === void 0) return "";
+	return JSON.stringify(value, null, 2) ?? "";
+}
 /** A tool call: the shared collapsible as the vessel — the name it was
 * reached by and the state it reached in on the trigger, its input and
 * output folded inside. */
 const Tool = withSelfRoot(function Tool(props) {
 	injectComponentStyle("ai");
+	const messages = useComponentMessages();
 	const [own, rest] = splitProps(props, [
 		"name",
 		"label",
 		"status",
+		"approval",
 		"input",
-		"output"
+		"inputValue",
+		"output",
+		"outputValue",
+		"defaultOpen",
+		"onApprove",
+		"onDeny"
 	]);
-	return createComponent(Collapsible.Root, mergeProps(rest, { "data-ai": "tool" }, () => {
-		return own.status ? { "data-status": own.status } : {};
-	}, { get children() {
+	const inputContent = own.input ?? (own.inputValue !== void 0 ? formatValue(own.inputValue) : null);
+	const outputContent = own.output ?? (own.outputValue !== void 0 ? formatValue(own.outputValue) : null);
+	return createComponent(Collapsible.Root, mergeProps(rest, () => own.defaultOpen ? { defaultOpen: true } : {}, { "data-ai": "tool" }, () => own.status ? { "data-status": own.status } : {}, () => own.approval ? { "data-approval": own.approval } : {}, { get children() {
 		return [createComponent(Collapsible.Trigger, { get children() {
 			return [
 				(() => {
 					var _el$ = _tmpl$();
-					insert(_el$, () => {
-						return own.label ?? own.name;
-					});
+					insert(_el$, () => own.label ?? own.name);
 					return _el$;
 				})(),
 				createComponent(Show, {
@@ -41,9 +54,7 @@ const Tool = withSelfRoot(function Tool(props) {
 					},
 					get children() {
 						var _el$2 = _tmpl$2();
-						insert(_el$2, () => {
-							return own.status.charAt(0).toUpperCase() + own.status.slice(1);
-						});
+						insert(_el$2, () => own.status.charAt(0).toUpperCase() + own.status.slice(1));
 						return _el$2;
 					}
 				}),
@@ -53,39 +64,63 @@ const Tool = withSelfRoot(function Tool(props) {
 			];
 		} }), createComponent(Collapsible.Content, { get children() {
 			var _el$3 = _tmpl$6();
-			var _el$6 = _el$3.firstChild;
-			var _el$9 = _el$6.nextSibling;
 			insert(_el$3, createComponent(Show, {
-				get when() {
-					return own.input !== void 0;
-				},
+				when: inputContent != null,
 				get children() {
-					return [_tmpl$3(), (() => {
+					return [(() => {
+						var _el$4 = _tmpl$3();
+						insert(_el$4, () => messages().ai.input);
+						return _el$4;
+					})(), (() => {
 						var _el$5 = _tmpl$4();
-						insert(_el$5, () => {
-							return own.input;
-						});
+						insert(_el$5, inputContent);
 						return _el$5;
 					})()];
 				}
-			}), _el$6);
+			}), null);
+			insert(_el$3, createComponent(Show, {
+				when: outputContent != null,
+				get children() {
+					return [(() => {
+						var _el$6 = _tmpl$3();
+						insert(_el$6, () => messages().ai.output);
+						return _el$6;
+					})(), (() => {
+						var _el$7 = _tmpl$4();
+						insert(_el$7, outputContent);
+						return _el$7;
+					})()];
+				}
+			}), null);
 			insert(_el$3, createComponent(Show, {
 				get when() {
-					return own.output !== void 0;
+					return own.approval === "required";
 				},
 				get children() {
-					return [_tmpl$5(), (() => {
-						var _el$8 = _tmpl$4();
-						insert(_el$8, () => {
-							return own.output;
-						});
-						return _el$8;
-					})()];
+					var _el$8 = _tmpl$5();
+					insert(_el$8, createComponent(Button, {
+						variant: "outline",
+						size: "sm",
+						tone: "danger",
+						onClick: () => own.onDeny?.(),
+						get children() {
+							return messages().ai.deny;
+						}
+					}), null);
+					insert(_el$8, createComponent(Button, {
+						variant: "solid",
+						size: "sm",
+						onClick: () => own.onApprove?.(),
+						get children() {
+							return messages().ai.approve;
+						}
+					}), null);
+					effect(() => setAttribute(_el$8, "data-approval", own.approval));
+					return _el$8;
 				}
-			}), _el$9);
+			}), null);
 			return _el$3;
 		} })];
 	} }));
 });
-//#endregion
 export { Tool as AiTool, Tool };

package/dist/components/alert/index.d.mts

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/alert/index.d.ts
 export type AlertStatus = "ink" | "info" | "success" | "warning" | "danger";
 /** A notice drawn on the page: a wash of the status pigment, one heavier
  * hairline on the leading edge, the serif for its title. Root, Icon,
@@ -19,4 +18,4 @@ export declare const Alert: typeof AlertRoot & {
   Title: typeof Title;
   Description: typeof Description;
 };
-//#endregion
+export {};