@logicplanes/kaeso-ui 0.2.1 → 0.3.0

package/dist/components/input.js

@@ -1,12 +1,12 @@
 "use client";
-import { t as e } from "../chunks/cn-CidVUKMm.js";
+import { t as e } from "../chunks/cn-DUDmdLpZ.js";
 import { i as t } from "../chunks/context-BELWW79w.js";
-import { r as n } from "../chunks/tooltip-DEbCCsru.js";
-import { a as r, o as i, s as a } from "../chunks/field-d8V94bvZ.js";
-import { a as o, i as s, n as c, r as l, t as u } from "../chunks/input-group-CYA1MEoZ.js";
-import { i as d, n as f, r as p, t as m } from "../chunks/input-CNTfI6YE.js";
-import { a as h, c as g, i as _, l as v, n as y, o as b, r as x, s as S, t as C } from "../chunks/textarea-Cj8iR82R.js";
-import { a as w } from "../chunks/tag-Dg89uYpV.js";
+import { r as n } from "../chunks/tooltip-S1DmyLVl.js";
+import { a as r, o as i, s as a } from "../chunks/field-BZriODU7.js";
+import { a as o, i as s, n as c, r as l, t as u } from "../chunks/input-group-BQLw06B0.js";
+import { i as d, n as f, r as p, t as m } from "../chunks/input-B0wtkcNh.js";
+import { a as h, c as g, i as _, l as v, n as y, o as b, r as x, s as S, t as C } from "../chunks/textarea-2d373OyU.js";
+import { a as w } from "../chunks/tag-CwDKXVHj.js";
 import { forwardRef as T, useId as E, useRef as D, useState as O } from "react";
 import { jsx as k, jsxs as A } from "react/jsx-runtime";
 import { ViewIcon as j, ViewOffSlashIcon as M } from "@hugeicons/core-free-icons";
@@ -35,7 +35,7 @@ var N = { kind: {
 		},
 		trailing: /* @__PURE__ */ k(c.Button, {
 			icon: f ? M : j,
-			"aria-label": f ? d("sensitiveInput.hide", "Hide") : d("sensitiveInput.show", "Show"),
+			"aria-label": n === "password" ? f ? d("sensitiveInput.hidePassword", "Hide password") : d("sensitiveInput.showPassword", "Show password") : f ? d("sensitiveInput.hide", "Hide") : d("sensitiveInput.show", "Show"),
 			onClick: () => p((e) => !e),
 			disabled: l.disabled
 		}),
@@ -96,31 +96,33 @@ process.env.NODE_ENV !== "production" && (R.displayName = "OTPInput");
 //#endregion
 //#region src/components/input/tag-input.tsx
 var z = { size: { md: { classes: "min-h-36 p-4" } } }, B = { size: "md" }, V = /* @__PURE__ */ T(function(o, s) {
-	let { value: c, defaultValue: l = [], onValueChange: u, placeholder: d, validate: f, separators: p = [
+	let { value: c, defaultValue: l = [], onValueChange: u, onInputValueChange: d, placeholder: f, validate: p, separators: m = [
 		",",
 		" ",
 		";"
-	], disabled: m, id: h, name: g, className: _, label: v, description: y, error: b, optional: x, required: S, layout: C, "aria-label": T, "data-force": E } = o, j = r(), M = i(o), N = t(), [P, F] = O(l), [I, L] = O(""), R = D(null), B = c ?? P, V = (e) => {
-		c === void 0 && F(e), u?.(e);
-	}, H = RegExp(`[${p.map((e) => e.replace(/[\]\\^-]/g, "\\$&")).join("")}\\n]+`), U = (e) => {
-		let t = e.split(H).map((e) => e.trim()).filter(Boolean).filter((e) => !B.includes(e));
-		t.length && V([...B, ...t]), L("");
-	}, W = B.map((e) => !f || f(e)), G = W.find((e) => e !== !0), K = b ?? (typeof G == "string" ? G : void 0), q = /* @__PURE__ */ A("div", {
-		className: e("flex w-full min-w-0 flex-wrap items-center gap-4 rounded-field material-field transition-control cursor-text", z.size.md.classes, m && "cursor-not-allowed", !(v || y || K) && _),
-		...K || j?.invalid ? { "data-invalid": "" } : {},
-		...m ? { "data-disabled": "" } : {},
-		...E ? { "data-force": E } : {},
+	], disabled: h, id: g, name: _, className: v, label: y, description: b, error: x, optional: S, required: C, layout: T, "aria-label": E, "data-force": j } = o, M = r(), N = i(o), P = t(), [F, I] = O(l), [L, R] = O(""), B = (e) => {
+		R(e), d?.(e);
+	}, V = D(null), H = c ?? F, U = (e) => {
+		c === void 0 && I(e), u?.(e);
+	}, W = RegExp(`[${m.map((e) => e.replace(/[\]\\^-]/g, "\\$&")).join("")}\\n\\t]+`), G = (e) => {
+		let t = e.split(W).map((e) => e.trim()).filter(Boolean).filter((e) => !H.includes(e));
+		t.length && U([...H, ...t]), B("");
+	}, K = H.map((e) => !p || p(e)), q = K.find((e) => e !== !0), J = x ?? (typeof q == "string" ? q : void 0), Y = /* @__PURE__ */ A("div", {
+		className: e("flex w-full min-w-0 flex-wrap items-center gap-4 rounded-field material-field transition-control cursor-text", z.size.md.classes, h && "cursor-not-allowed", !(y || b || J) && v),
+		...J || M?.invalid ? { "data-invalid": "" } : {},
+		...h ? { "data-disabled": "" } : {},
+		...j ? { "data-force": j } : {},
 		onMouseDown: (e) => {
-			e.target === e.currentTarget && (e.preventDefault(), R.current?.focus());
+			e.target === e.currentTarget && (e.preventDefault(), V.current?.focus());
 		},
 		children: [
-			B.map((e, t) => {
-				let r = W[t];
+			H.map((e, t) => {
+				let r = K[t];
 				return /* @__PURE__ */ k(w, {
 					invalid: r !== !0,
-					...m ? {} : {
-						onRemove: () => V(B.filter((t) => t !== e)),
-						removeLabel: N("tagInput.remove", "Remove {tag}", { tag: e })
+					...h ? {} : {
+						onRemove: () => U(H.filter((t) => t !== e)),
+						removeLabel: P("tagInput.remove", "Remove {tag}", { tag: e })
 					},
 					children: typeof r == "string" ? /* @__PURE__ */ k(n, {
 						content: r,
@@ -130,49 +132,49 @@ var z = { size: { md: { classes: "min-h-36 p-4" } } }, B = { size: "md" }, V = /
 			}),
 			/* @__PURE__ */ k("input", {
 				ref: (e) => {
-					R.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
+					V.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
 				},
-				...h ? { id: h } : {},
-				...M.controlProps,
-				...T ? { "aria-label": T } : {},
-				...K ? { "aria-invalid": !0 } : {},
-				disabled: m,
-				required: S && B.length === 0,
-				...S ? { "aria-required": !0 } : {},
-				value: I,
-				placeholder: B.length ? void 0 : d,
+				...g ? { id: g } : {},
+				...N.controlProps,
+				...E ? { "aria-label": E } : {},
+				...J ? { "aria-invalid": !0 } : {},
+				disabled: h,
+				required: C && H.length === 0,
+				...C ? { "aria-required": !0 } : {},
+				value: L,
+				placeholder: H.length ? void 0 : f,
 				onChange: (e) => {
 					let t = e.target.value;
-					p.some((e) => t.endsWith(e)) ? U(t) : L(t);
+					m.some((e) => t.endsWith(e)) ? G(t) : B(t);
 				},
 				onKeyDown: (e) => {
-					e.key === "Enter" && I.trim() ? (e.preventDefault(), U(I)) : e.key === "Backspace" && !I && B.length && V(B.slice(0, -1));
+					e.key === "Enter" && L.trim() ? (e.preventDefault(), G(L)) : e.key === "Backspace" && !L && H.length && U(H.slice(0, -1));
 				},
 				onPaste: (e) => {
 					let t = e.clipboardData.getData("text");
-					H.test(t) && (e.preventDefault(), U(I + t));
+					W.test(t) && (e.preventDefault(), G(L + t));
 				},
-				onBlur: () => I.trim() && U(I),
-				className: e("my-4 min-w-80 flex-1 bg-transparent px-8 text-body text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed", B.length === 0 && "pl-12")
+				onBlur: () => L.trim() && G(L),
+				className: e("my-4 min-w-80 flex-1 bg-transparent px-8 text-body text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed", H.length === 0 && "pl-12")
 			}),
-			g && /* @__PURE__ */ k("input", {
+			_ && /* @__PURE__ */ k("input", {
 				type: "hidden",
-				name: g,
-				value: B.join(",")
+				name: _,
+				value: H.join(",")
 			})
 		]
 	});
-	return j ? q : a({
-		label: v,
-		description: y,
-		error: K,
-		optional: x,
-		required: S,
-		layout: C,
-		id: M.wrapId ?? h,
-		disabled: m,
-		className: _
-	}, q);
+	return M ? Y : a({
+		label: y,
+		description: b,
+		error: J,
+		optional: S,
+		required: C,
+		layout: T,
+		id: N.wrapId ?? g,
+		disabled: h,
+		className: v
+	}, Y);
 });
 process.env.NODE_ENV !== "production" && (V.displayName = "TagInput");
 //#endregion

package/dist/components/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["__icon_ViewOffSlashIcon","__icon_ViewIcon","cn","useUiText","Tooltip","useField","useFieldControl","withField","useInputGroupSize","KAESO_INPUT_GROUP_VARIANTS","InputGroup","KAESO_INPUT_GROUP_DEFAULT_VARIANTS","INPUT_ICON_SIZE","SearchInput","KAESO_INPUT_DEFAULT_VARIANTS","KAESO_INPUT_VARIANTS","Input","KAESO_NUMBER_INPUT_VARIANTS","compareDecimal","KAESO_NUMBER_INPUT_DEFAULT_VARIANTS","groupDecimal","KAESO_TEXTAREA_VARIANTS","NumberInput","Textarea","addDecimal","KAESO_TEXTAREA_DEFAULT_VARIANTS","Tag","KAESO_SENSITIVE_INPUT_VARIANTS","KAESO_SENSITIVE_INPUT_DEFAULT_VARIANTS","SensitiveInput","props","t","revealed","setRevealed","useState","defaultRevealed","caps","setCaps","checkCaps","kind","className","description","onKeyDown","onKeyUp","ViewOffSlashIcon","ViewIcon","r","KAESO_OTP_INPUT_VARIANTS","KAESO_OTP_INPUT_DEFAULT_VARIANTS","OTPInput","ariaLabel","force","field","inner","setInner","defaultValue","focused","setFocused","sel","setSel","auto","useId","input","useRef","current","value","length","set","clean","v","onValueChange","onComplete","active","isFocused","invalid","char","i","isActive","size","disabled","el","ref","id","KAESO_TAG_INPUT_VARIANTS","KAESO_TAG_INPUT_DEFAULT_VARIANTS","TagInput","fc","draft","setDraft","tags","next","splitter","separators","s","add","parts","raw","p","messages","validate","tag","firstError","m","fieldError","error","control","label","message","x","required","placeholder","text","name"],"sources":["../../src/components/input/sensitive-input.tsx","../../src/components/input/otp-input.tsx","../../src/components/input/tag-input.tsx"],"sourcesContent":["import { forwardRef, useState, type KeyboardEvent } from \"react\";\nimport { Input, type InputProps } from \"./input.js\";\nimport { InputGroup } from \"./input-group.js\";\nimport { ViewOffSlashIcon as __icon_ViewOffSlashIcon, ViewIcon as __icon_ViewIcon } from \"@hugeicons/core-free-icons\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_SENSITIVE_INPUT_VARIANTS = {\n  kind: {\n    secret: { classes: \"\" },\n    password: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_SENSITIVE_INPUT_DEFAULT_VARIANTS = { kind: \"secret\" } as const;\n\nexport interface SensitiveInputProps extends Omit<InputProps, \"type\" | \"trailing\"> {\n  kind?: keyof typeof KAESO_SENSITIVE_INPUT_VARIANTS.kind | undefined;\n  defaultRevealed?: boolean | undefined;\n}\n\nexport const SensitiveInput = /* @__PURE__ */ forwardRef<HTMLInputElement, SensitiveInputProps>(function SensitiveInput(\n  { kind = \"secret\", defaultRevealed = false, description, onKeyDown, onKeyUp, className, ...props },\n  ref,\n) {\n  const t = useUiText();\n  const [revealed, setRevealed] = useState(defaultRevealed);\n  const [caps, setCaps] = useState(false);\n  const checkCaps = (e: KeyboardEvent<HTMLInputElement>) => setCaps(kind === \"password\" && e.getModifierState?.(\"CapsLock\"));\n  return (\n    <Input\n      ref={ref}\n      type={revealed ? \"text\" : \"password\"}\n      autoComplete={kind === \"password\" ? \"current-password\" : \"off\"}\n      autoCorrect=\"off\"\n      autoCapitalize=\"off\"\n      spellCheck={false}\n      data-1p-ignore={kind === \"secret\" ? true : undefined}\n      data-lpignore={kind === \"secret\" ? \"true\" : undefined}\n      className={cn(className, revealed && \"mono\")}\n      description={caps ? t(\"sensitiveInput.capsLock\", \"Caps Lock is on.\") : description}\n      onKeyDown={(e) => {\n        checkCaps(e);\n        onKeyDown?.(e);\n      }}\n      onKeyUp={(e) => {\n        checkCaps(e);\n        onKeyUp?.(e);\n      }}\n      trailing={\n        <InputGroup.Button\n          icon={revealed ? __icon_ViewOffSlashIcon : __icon_ViewIcon}\n          aria-label={revealed ? t(\"sensitiveInput.hide\", \"Hide\") : t(\"sensitiveInput.show\", \"Show\")}\n          onClick={() => setRevealed((r) => !r)}\n          disabled={props.disabled}\n        />\n      }\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SensitiveInput.displayName = \"SensitiveInput\";\n","import { forwardRef, useId, useRef, useState, type InputHTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useField } from \"../field/field.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_OTP_INPUT_VARIANTS = {\n  size: {\n    md: { classes: \"size-48 text-title\" },\n    sm: { classes: \"size-40 text-title-sm\" },\n  },\n} as const;\nexport const KAESO_OTP_INPUT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface OTPInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"value\" | \"defaultValue\" | \"onChange\" | \"size\" | \"maxLength\"> {\n  length?: number | undefined;\n  value?: string | undefined;\n  defaultValue?: string | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  onComplete?: ((value: string) => void) | undefined;\n  invalid?: boolean | undefined;\n  size?: keyof typeof KAESO_OTP_INPUT_VARIANTS.size | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const OTPInput = /* @__PURE__ */ forwardRef<HTMLInputElement, OTPInputProps>(function OTPInput(\n  {\n    length = 6,\n    value,\n    defaultValue = \"\",\n    onValueChange,\n    onComplete,\n    invalid,\n    size = \"md\",\n    disabled,\n    className,\n    id,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n    ...props\n  },\n  ref,\n) {\n  const field = useField();\n  const t = useUiText();\n  const [inner, setInner] = useState(defaultValue);\n  const [focused, setFocused] = useState(false);\n  const [sel, setSel] = useState(0);\n  const auto = useId();\n  const input = useRef<HTMLInputElement | null>(null);\n  const current = (value ?? inner).slice(0, length);\n  const set = (v: string) => {\n    const clean = v.replace(/\\D/g, \"\").slice(0, length);\n    if (value === undefined) setInner(clean);\n    onValueChange?.(clean);\n    if (clean.length === length) onComplete?.(clean);\n  };\n  const active = Math.min(sel, length - 1);\n  const isFocused = focused || force?.includes(\"focus\");\n  return (\n    <div className={cn(\"relative inline-flex gap-8\", className)} data-invalid={invalid || field?.invalid || undefined}>\n      {Array.from({ length }, (_, i) => {\n        const char = current[i] ?? \"\";\n        const isActive = isFocused && i === Math.min(current.length, length - 1) && (sel >= current.length || i === active);\n        return (\n          <div\n            key={i}\n            aria-hidden\n            className={cn(\n              \"flex items-center justify-center rounded-cell-lg font-semibold tabular text-fg material-field transition-control\",\n              KAESO_OTP_INPUT_VARIANTS.size[size].classes,\n              i === 2 && length === 6 && \"mr-8\",\n            )}\n            {...(invalid || field?.invalid ? { \"data-invalid\": \"\" } : {})}\n            {...(disabled ? { \"data-disabled\": \"\" } : {})}\n            {...(isActive ? { \"data-focused\": \"\" } : {})}\n          >\n            {char || (isActive ? <span className=\"h-20 w-1 animate-pulse-quiet bg-fg\" /> : null)}\n          </div>\n        );\n      })}\n      <input\n        ref={(el) => {\n          input.current = el;\n          if (typeof ref === \"function\") ref(el);\n          else if (ref) ref.current = el;\n        }}\n        id={field?.controlId ?? id ?? `k-otp-${auto}`}\n        type=\"text\"\n        inputMode=\"numeric\"\n        autoComplete=\"one-time-code\"\n        pattern=\"\\d*\"\n        maxLength={length}\n        value={current}\n        disabled={disabled}\n        aria-label={ariaLabel ?? (field ? undefined : t(\"otpInput.label\", \"Verification code\"))}\n        {...(field?.controlProps[\"aria-describedby\"] ? { \"aria-describedby\": field.controlProps[\"aria-describedby\"] } : {})}\n        {...(invalid || field?.invalid ? { \"aria-invalid\": true } : {})}\n        onChange={(e) => {\n          set(e.target.value);\n          setSel(e.target.selectionStart ?? e.target.value.length);\n        }}\n        onSelect={(e) => setSel((e.target as HTMLInputElement).selectionStart ?? 0)}\n        onFocus={() => setFocused(true)}\n        onBlur={() => setFocused(false)}\n        className=\"absolute inset-0 h-full w-full cursor-text bg-transparent text-transparent caret-transparent opacity-0 outline-none disabled:cursor-not-allowed\"\n        {...props}\n      />\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") OTPInput.displayName = \"OTPInput\";\n","import { forwardRef, useRef, useState, type ClipboardEvent, type KeyboardEvent } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\nimport { Tag } from \"../tag/tag.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_TAG_INPUT_VARIANTS = {\n  size: {\n    md: { classes: \"min-h-36 p-4\" },\n  },\n} as const;\nexport const KAESO_TAG_INPUT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface TagInputProps extends FieldWrapProps {\n  value?: string[] | undefined;\n  defaultValue?: string[] | undefined;\n  onValueChange?: ((value: string[]) => void) | undefined;\n  placeholder?: string | undefined;\n  validate?: ((tag: string) => true | string) | undefined;\n  separators?: string[] | undefined;\n  disabled?: boolean | undefined;\n  id?: string | undefined;\n  name?: string | undefined;\n  className?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const TagInput = /* @__PURE__ */ forwardRef<HTMLInputElement, TagInputProps>(function TagInput(props, ref) {\n  const {\n    value,\n    defaultValue = [],\n    onValueChange,\n    placeholder,\n    validate,\n    separators = [\",\", \" \", \";\"],\n    disabled,\n    id,\n    name,\n    className,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n  } = props;\n  const field = useField();\n  const fc = useFieldControl(props);\n  const t = useUiText();\n  const [inner, setInner] = useState<string[]>(defaultValue);\n  const [draft, setDraft] = useState(\"\");\n  const input = useRef<HTMLInputElement | null>(null);\n  const tags = value ?? inner;\n  const set = (next: string[]) => {\n    if (value === undefined) setInner(next);\n    onValueChange?.(next);\n  };\n  const splitter = new RegExp(`[${separators.map((s) => s.replace(/[\\]\\\\^-]/g, \"\\\\$&\")).join(\"\")}\\\\n]+`);\n  const add = (raw: string) => {\n    const parts = raw\n      .split(splitter)\n      .map((p) => p.trim())\n      .filter(Boolean)\n      .filter((p) => !tags.includes(p));\n    if (parts.length) set([...tags, ...parts]);\n    setDraft(\"\");\n  };\n  const messages = tags.map((tag) => (validate ? validate(tag) : true));\n  const firstError = messages.find((m) => m !== true);\n  const fieldError = error ?? (typeof firstError === \"string\" ? firstError : undefined);\n  const control = (\n    <div\n      className={cn(\n        \"flex w-full min-w-0 flex-wrap items-center gap-4 rounded-field material-field transition-control cursor-text\",\n        KAESO_TAG_INPUT_VARIANTS.size.md.classes,\n        disabled && \"cursor-not-allowed\",\n        !(label || description || fieldError) && className,\n      )}\n      {...(fieldError || field?.invalid ? { \"data-invalid\": \"\" } : {})}\n      {...(disabled ? { \"data-disabled\": \"\" } : {})}\n      {...(force ? { \"data-force\": force } : {})}\n      onMouseDown={(e) => {\n        if (e.target === e.currentTarget) {\n          e.preventDefault();\n          input.current?.focus();\n        }\n      }}\n    >\n      {tags.map((tag, i) => {\n        const message = messages[i];\n        return (\n          <Tag\n            key={tag}\n            invalid={message !== true}\n            {...(disabled ? {} : { onRemove: () => set(tags.filter((x) => x !== tag)), removeLabel: t(\"tagInput.remove\", \"Remove {tag}\", { tag }) })}\n          >\n            {typeof message === \"string\" ? (\n              <Tooltip content={message}>\n                <span>{tag}</span>\n              </Tooltip>\n            ) : (\n              tag\n            )}\n          </Tag>\n        );\n      })}\n      <input\n        ref={(el) => {\n          input.current = el;\n          if (typeof ref === \"function\") ref(el);\n          else if (ref) ref.current = el;\n        }}\n        {...(id ? { id } : {})}\n        {...fc.controlProps}\n        {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n        {...(fieldError ? { \"aria-invalid\": true } : {})}\n        disabled={disabled}\n        required={required && tags.length === 0}\n        {...(required ? { \"aria-required\": true } : {})}\n        value={draft}\n        placeholder={tags.length ? undefined : placeholder}\n        onChange={(e) => {\n          const v = e.target.value;\n          if (separators.some((s) => v.endsWith(s))) add(v);\n          else setDraft(v);\n        }}\n        onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n          if (e.key === \"Enter\" && draft.trim()) {\n            e.preventDefault();\n            add(draft);\n          } else if (e.key === \"Backspace\" && !draft && tags.length) {\n            set(tags.slice(0, -1));\n          }\n        }}\n        onPaste={(e: ClipboardEvent<HTMLInputElement>) => {\n          const text = e.clipboardData.getData(\"text\");\n          if (splitter.test(text)) {\n            e.preventDefault();\n            add(draft + text);\n          }\n        }}\n        onBlur={() => draft.trim() && add(draft)}\n        className={cn(\n          \"my-4 min-w-80 flex-1 bg-transparent px-8 text-body text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed\",\n          tags.length === 0 && \"pl-12\",\n        )}\n      />\n      {name && <input type=\"hidden\" name={name} value={tags.join(\",\")} />}\n    </div>\n  );\n  if (field) return control;\n  return withField({ label, description, error: fieldError, optional, required, layout, id: fc.wrapId ?? id, disabled, className }, control);\n});\nif (process.env.NODE_ENV !== \"production\") TagInput.displayName = \"TagInput\";\n"],"mappings":"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"}
+{"version":3,"file":"input.js","names":["__icon_ViewOffSlashIcon","__icon_ViewIcon","cn","useUiText","Tooltip","useField","useFieldControl","withField","useInputGroupSize","KAESO_INPUT_GROUP_VARIANTS","InputGroup","KAESO_INPUT_GROUP_DEFAULT_VARIANTS","INPUT_ICON_SIZE","SearchInput","KAESO_INPUT_DEFAULT_VARIANTS","KAESO_INPUT_VARIANTS","Input","KAESO_NUMBER_INPUT_VARIANTS","compareDecimal","KAESO_NUMBER_INPUT_DEFAULT_VARIANTS","groupDecimal","KAESO_TEXTAREA_VARIANTS","NumberInput","Textarea","addDecimal","KAESO_TEXTAREA_DEFAULT_VARIANTS","Tag","KAESO_SENSITIVE_INPUT_VARIANTS","KAESO_SENSITIVE_INPUT_DEFAULT_VARIANTS","SensitiveInput","props","t","revealed","setRevealed","useState","defaultRevealed","caps","setCaps","checkCaps","kind","className","description","onKeyDown","onKeyUp","ViewOffSlashIcon","ViewIcon","r","KAESO_OTP_INPUT_VARIANTS","KAESO_OTP_INPUT_DEFAULT_VARIANTS","OTPInput","ariaLabel","force","field","inner","setInner","defaultValue","focused","setFocused","sel","setSel","auto","useId","input","useRef","current","value","length","set","clean","v","onValueChange","onComplete","active","isFocused","invalid","char","i","isActive","size","disabled","el","ref","id","KAESO_TAG_INPUT_VARIANTS","KAESO_TAG_INPUT_DEFAULT_VARIANTS","TagInput","fc","draft","setDraftState","setDraft","next","onInputValueChange","tags","splitter","separators","s","add","parts","raw","p","messages","validate","tag","firstError","m","fieldError","error","control","label","message","x","required","placeholder","text","name"],"sources":["../../src/components/input/sensitive-input.tsx","../../src/components/input/otp-input.tsx","../../src/components/input/tag-input.tsx"],"sourcesContent":["import { forwardRef, useState, type KeyboardEvent } from \"react\";\nimport { Input, type InputProps } from \"./input.js\";\nimport { InputGroup } from \"./input-group.js\";\nimport { ViewOffSlashIcon as __icon_ViewOffSlashIcon, ViewIcon as __icon_ViewIcon } from \"@hugeicons/core-free-icons\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_SENSITIVE_INPUT_VARIANTS = {\n  kind: {\n    secret: { classes: \"\" },\n    password: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_SENSITIVE_INPUT_DEFAULT_VARIANTS = { kind: \"secret\" } as const;\n\nexport interface SensitiveInputProps extends Omit<InputProps, \"type\" | \"trailing\"> {\n  kind?: keyof typeof KAESO_SENSITIVE_INPUT_VARIANTS.kind | undefined;\n  defaultRevealed?: boolean | undefined;\n}\n\nexport const SensitiveInput = /* @__PURE__ */ forwardRef<HTMLInputElement, SensitiveInputProps>(function SensitiveInput(\n  { kind = \"secret\", defaultRevealed = false, description, onKeyDown, onKeyUp, className, ...props },\n  ref,\n) {\n  const t = useUiText();\n  const [revealed, setRevealed] = useState(defaultRevealed);\n  const [caps, setCaps] = useState(false);\n  const checkCaps = (e: KeyboardEvent<HTMLInputElement>) => setCaps(kind === \"password\" && e.getModifierState?.(\"CapsLock\"));\n  return (\n    <Input\n      ref={ref}\n      type={revealed ? \"text\" : \"password\"}\n      autoComplete={kind === \"password\" ? \"current-password\" : \"off\"}\n      autoCorrect=\"off\"\n      autoCapitalize=\"off\"\n      spellCheck={false}\n      data-1p-ignore={kind === \"secret\" ? true : undefined}\n      data-lpignore={kind === \"secret\" ? \"true\" : undefined}\n      className={cn(className, revealed && \"mono\")}\n      description={caps ? t(\"sensitiveInput.capsLock\", \"Caps Lock is on.\") : description}\n      onKeyDown={(e) => {\n        checkCaps(e);\n        onKeyDown?.(e);\n      }}\n      onKeyUp={(e) => {\n        checkCaps(e);\n        onKeyUp?.(e);\n      }}\n      trailing={\n        <InputGroup.Button\n          icon={revealed ? __icon_ViewOffSlashIcon : __icon_ViewIcon}\n          aria-label={\n            kind === \"password\"\n              ? revealed\n                ? t(\"sensitiveInput.hidePassword\", \"Hide password\")\n                : t(\"sensitiveInput.showPassword\", \"Show password\")\n              : revealed\n                ? t(\"sensitiveInput.hide\", \"Hide\")\n                : t(\"sensitiveInput.show\", \"Show\")\n          }\n          onClick={() => setRevealed((r) => !r)}\n          disabled={props.disabled}\n        />\n      }\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SensitiveInput.displayName = \"SensitiveInput\";\n","import { forwardRef, useId, useRef, useState, type InputHTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useField } from \"../field/field.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_OTP_INPUT_VARIANTS = {\n  size: {\n    md: { classes: \"size-48 text-title\" },\n    sm: { classes: \"size-40 text-title-sm\" },\n  },\n} as const;\nexport const KAESO_OTP_INPUT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface OTPInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"value\" | \"defaultValue\" | \"onChange\" | \"size\" | \"maxLength\"> {\n  length?: number | undefined;\n  value?: string | undefined;\n  defaultValue?: string | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  onComplete?: ((value: string) => void) | undefined;\n  invalid?: boolean | undefined;\n  size?: keyof typeof KAESO_OTP_INPUT_VARIANTS.size | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const OTPInput = /* @__PURE__ */ forwardRef<HTMLInputElement, OTPInputProps>(function OTPInput(\n  {\n    length = 6,\n    value,\n    defaultValue = \"\",\n    onValueChange,\n    onComplete,\n    invalid,\n    size = \"md\",\n    disabled,\n    className,\n    id,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n    ...props\n  },\n  ref,\n) {\n  const field = useField();\n  const t = useUiText();\n  const [inner, setInner] = useState(defaultValue);\n  const [focused, setFocused] = useState(false);\n  const [sel, setSel] = useState(0);\n  const auto = useId();\n  const input = useRef<HTMLInputElement | null>(null);\n  const current = (value ?? inner).slice(0, length);\n  const set = (v: string) => {\n    const clean = v.replace(/\\D/g, \"\").slice(0, length);\n    if (value === undefined) setInner(clean);\n    onValueChange?.(clean);\n    if (clean.length === length) onComplete?.(clean);\n  };\n  const active = Math.min(sel, length - 1);\n  const isFocused = focused || force?.includes(\"focus\");\n  return (\n    <div className={cn(\"relative inline-flex gap-8\", className)} data-invalid={invalid || field?.invalid || undefined}>\n      {Array.from({ length }, (_, i) => {\n        const char = current[i] ?? \"\";\n        const isActive = isFocused && i === Math.min(current.length, length - 1) && (sel >= current.length || i === active);\n        return (\n          <div\n            key={i}\n            aria-hidden\n            className={cn(\n              \"flex items-center justify-center rounded-cell-lg font-semibold tabular text-fg material-field transition-control\",\n              KAESO_OTP_INPUT_VARIANTS.size[size].classes,\n              i === 2 && length === 6 && \"mr-8\",\n            )}\n            {...(invalid || field?.invalid ? { \"data-invalid\": \"\" } : {})}\n            {...(disabled ? { \"data-disabled\": \"\" } : {})}\n            {...(isActive ? { \"data-focused\": \"\" } : {})}\n          >\n            {char || (isActive ? <span className=\"h-20 w-1 animate-pulse-quiet bg-fg\" /> : null)}\n          </div>\n        );\n      })}\n      <input\n        ref={(el) => {\n          input.current = el;\n          if (typeof ref === \"function\") ref(el);\n          else if (ref) ref.current = el;\n        }}\n        id={field?.controlId ?? id ?? `k-otp-${auto}`}\n        type=\"text\"\n        inputMode=\"numeric\"\n        autoComplete=\"one-time-code\"\n        pattern=\"\\d*\"\n        maxLength={length}\n        value={current}\n        disabled={disabled}\n        aria-label={ariaLabel ?? (field ? undefined : t(\"otpInput.label\", \"Verification code\"))}\n        {...(field?.controlProps[\"aria-describedby\"] ? { \"aria-describedby\": field.controlProps[\"aria-describedby\"] } : {})}\n        {...(invalid || field?.invalid ? { \"aria-invalid\": true } : {})}\n        onChange={(e) => {\n          set(e.target.value);\n          setSel(e.target.selectionStart ?? e.target.value.length);\n        }}\n        onSelect={(e) => setSel((e.target as HTMLInputElement).selectionStart ?? 0)}\n        onFocus={() => setFocused(true)}\n        onBlur={() => setFocused(false)}\n        className=\"absolute inset-0 h-full w-full cursor-text bg-transparent text-transparent caret-transparent opacity-0 outline-none disabled:cursor-not-allowed\"\n        {...props}\n      />\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") OTPInput.displayName = \"OTPInput\";\n","import { forwardRef, useRef, useState, type ClipboardEvent, type KeyboardEvent } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\nimport { Tag } from \"../tag/tag.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_TAG_INPUT_VARIANTS = {\n  size: {\n    md: { classes: \"min-h-36 p-4\" },\n  },\n} as const;\nexport const KAESO_TAG_INPUT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface TagInputProps extends FieldWrapProps {\n  value?: string[] | undefined;\n  defaultValue?: string[] | undefined;\n  onValueChange?: ((value: string[]) => void) | undefined;\n  onInputValueChange?: ((draft: string) => void) | undefined;\n  placeholder?: string | undefined;\n  validate?: ((tag: string) => true | string) | undefined;\n  separators?: string[] | undefined;\n  disabled?: boolean | undefined;\n  id?: string | undefined;\n  name?: string | undefined;\n  className?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const TagInput = /* @__PURE__ */ forwardRef<HTMLInputElement, TagInputProps>(function TagInput(props, ref) {\n  const {\n    value,\n    defaultValue = [],\n    onValueChange,\n    onInputValueChange,\n    placeholder,\n    validate,\n    separators = [\",\", \" \", \";\"],\n    disabled,\n    id,\n    name,\n    className,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n  } = props;\n  const field = useField();\n  const fc = useFieldControl(props);\n  const t = useUiText();\n  const [inner, setInner] = useState<string[]>(defaultValue);\n  const [draft, setDraftState] = useState(\"\");\n  const setDraft = (next: string) => {\n    setDraftState(next);\n    onInputValueChange?.(next);\n  };\n  const input = useRef<HTMLInputElement | null>(null);\n  const tags = value ?? inner;\n  const set = (next: string[]) => {\n    if (value === undefined) setInner(next);\n    onValueChange?.(next);\n  };\n  const splitter = new RegExp(`[${separators.map((s) => s.replace(/[\\]\\\\^-]/g, \"\\\\$&\")).join(\"\")}\\\\n\\\\t]+`);\n  const add = (raw: string) => {\n    const parts = raw\n      .split(splitter)\n      .map((p) => p.trim())\n      .filter(Boolean)\n      .filter((p) => !tags.includes(p));\n    if (parts.length) set([...tags, ...parts]);\n    setDraft(\"\");\n  };\n  const messages = tags.map((tag) => (validate ? validate(tag) : true));\n  const firstError = messages.find((m) => m !== true);\n  const fieldError = error ?? (typeof firstError === \"string\" ? firstError : undefined);\n  const control = (\n    <div\n      className={cn(\n        \"flex w-full min-w-0 flex-wrap items-center gap-4 rounded-field material-field transition-control cursor-text\",\n        KAESO_TAG_INPUT_VARIANTS.size.md.classes,\n        disabled && \"cursor-not-allowed\",\n        !(label || description || fieldError) && className,\n      )}\n      {...(fieldError || field?.invalid ? { \"data-invalid\": \"\" } : {})}\n      {...(disabled ? { \"data-disabled\": \"\" } : {})}\n      {...(force ? { \"data-force\": force } : {})}\n      onMouseDown={(e) => {\n        if (e.target === e.currentTarget) {\n          e.preventDefault();\n          input.current?.focus();\n        }\n      }}\n    >\n      {tags.map((tag, i) => {\n        const message = messages[i];\n        return (\n          <Tag\n            key={tag}\n            invalid={message !== true}\n            {...(disabled ? {} : { onRemove: () => set(tags.filter((x) => x !== tag)), removeLabel: t(\"tagInput.remove\", \"Remove {tag}\", { tag }) })}\n          >\n            {typeof message === \"string\" ? (\n              <Tooltip content={message}>\n                <span>{tag}</span>\n              </Tooltip>\n            ) : (\n              tag\n            )}\n          </Tag>\n        );\n      })}\n      <input\n        ref={(el) => {\n          input.current = el;\n          if (typeof ref === \"function\") ref(el);\n          else if (ref) ref.current = el;\n        }}\n        {...(id ? { id } : {})}\n        {...fc.controlProps}\n        {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n        {...(fieldError ? { \"aria-invalid\": true } : {})}\n        disabled={disabled}\n        required={required && tags.length === 0}\n        {...(required ? { \"aria-required\": true } : {})}\n        value={draft}\n        placeholder={tags.length ? undefined : placeholder}\n        onChange={(e) => {\n          const v = e.target.value;\n          if (separators.some((s) => v.endsWith(s))) add(v);\n          else setDraft(v);\n        }}\n        onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n          if (e.key === \"Enter\" && draft.trim()) {\n            e.preventDefault();\n            add(draft);\n          } else if (e.key === \"Backspace\" && !draft && tags.length) {\n            set(tags.slice(0, -1));\n          }\n        }}\n        onPaste={(e: ClipboardEvent<HTMLInputElement>) => {\n          const text = e.clipboardData.getData(\"text\");\n          if (splitter.test(text)) {\n            e.preventDefault();\n            add(draft + text);\n          }\n        }}\n        onBlur={() => draft.trim() && add(draft)}\n        className={cn(\n          \"my-4 min-w-80 flex-1 bg-transparent px-8 text-body text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed\",\n          tags.length === 0 && \"pl-12\",\n        )}\n      />\n      {name && <input type=\"hidden\" name={name} value={tags.join(\",\")} />}\n    </div>\n  );\n  if (field) return control;\n  return withField({ label, description, error: fieldError, optional, required, layout, id: fc.wrapId ?? id, disabled, className }, control);\n});\nif (process.env.NODE_ENV !== \"production\") TagInput.displayName = \"TagInput\";\n"],"mappings":"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"}

package/dist/components/kaeso/conversation.js

@@ -1,21 +1,22 @@
 "use client";
-import { t as e } from "../../chunks/cn-CidVUKMm.js";
+import { t as e } from "../../chunks/cn-DUDmdLpZ.js";
 import { i as t } from "../../chunks/context-BELWW79w.js";
-import { t as n } from "../../chunks/icon-CeNQtobn.js";
-import { t as r } from "../../chunks/banner-DxGBPQ7p.js";
-import { t as i } from "../../chunks/json-view-B6KHIWzh.js";
-import { t as a } from "../../chunks/badge-Dkyhs0_j.js";
-import { n as o } from "../../chunks/collapsible-Cw_1aem5.js";
-import { t as s } from "../../chunks/safe-href-G5DBNVwm.js";
-import { Suspense as c, forwardRef as l, lazy as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Image01Icon as p, Pdf01Icon as m, ToolsIcon as h } from "@hugeicons/core-free-icons";
+import { t as n } from "../../chunks/icon-BqujXDUc.js";
+import { r } from "../../chunks/link-YMcxM-BZ.js";
+import { t as i } from "../../chunks/banner-BBlNFHd-.js";
+import { t as a } from "../../chunks/json-view-BkG2hTXV.js";
+import { t as o } from "../../chunks/badge-wUHlj7m3.js";
+import { n as s } from "../../chunks/collapsible-CDQq1Y9x.js";
+import { t as c } from "../../chunks/safe-href-G5DBNVwm.js";
+import { Suspense as l, forwardRef as u, lazy as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Image01Icon as m, Pdf01Icon as h, ToolsIcon as g } from "@hugeicons/core-free-icons";
 //#region src/components/kaeso/conversation.tsx
-var g = /* @__PURE__ */ u(() => import("../../chunks/markdown-5NyaHHfN.js").then((e) => e.o).then((e) => ({ default: e.Markdown }))), _ = { density: {
+var _ = /* @__PURE__ */ d(() => import("../../chunks/markdown-DWyxjsSY.js").then((e) => e.o).then((e) => ({ default: e.Markdown }))), v = { density: {
 	default: { classes: "gap-24" },
 	compact: { classes: "gap-16" }
-} }, v = { density: "default" };
-function y(e) {
+} }, y = { density: "default" };
+function b(e) {
 	return {
 		system: e("conversationView.system", "System"),
 		developer: e("conversationView.developer", "Developer"),
@@ -24,8 +25,12 @@ function y(e) {
 		tool: e("conversationView.tool", "Tool")
 	};
 }
-var b = (e) => /^data:image\/[a-z0-9.+-]+;/i.test(e) ? e : s(e);
-function x(e) {
+var x = /^data:image\/[a-z0-9.+-]+;/i;
+function S(e) {
+	let t = c(e);
+	return t && /^https?:/.test(t) ? t : null;
+}
+function C(e) {
 	let t = e.trim();
 	if (!/^[[{]/.test(t)) return !1;
 	try {
@@ -34,14 +39,14 @@ function x(e) {
 		return !1;
 	}
 }
-function S({ text: t, markdown: n, small: r }) {
-	let i = /* @__PURE__ */ d("p", {
+function w({ text: t, markdown: n, small: r }) {
+	let i = /* @__PURE__ */ f("p", {
 		className: e("max-w-prose whitespace-pre-wrap wrap-break-word text-pretty", r ? "text-small text-fg-secondary" : "text-body text-fg"),
 		children: t
 	});
-	return n ? /* @__PURE__ */ d(c, {
+	return n ? /* @__PURE__ */ f(l, {
 		fallback: i,
-		children: /* @__PURE__ */ d(g, {
+		children: /* @__PURE__ */ f(_, {
 			text: t,
 			...r ? {
 				size: "small",
@@ -50,143 +55,147 @@ function S({ text: t, markdown: n, small: r }) {
 		})
 	}) : i;
 }
-function C({ blocks: e, markdown: s }) {
-	let c = t();
-	return /* @__PURE__ */ d("div", {
+function T({ blocks: e, markdown: c }) {
+	let l = t();
+	return /* @__PURE__ */ f("div", {
 		className: "flex flex-col gap-12",
 		children: e.map((e, t) => {
 			switch (e.type) {
-				case "text": return /* @__PURE__ */ d(S, {
+				case "text": return /* @__PURE__ */ f(w, {
 					text: e.text,
-					markdown: s
+					markdown: c
 				}, t);
-				case "tool_call": return /* @__PURE__ */ f("div", {
+				case "tool_call": return /* @__PURE__ */ p("div", {
 					className: "flex flex-col gap-8",
-					children: [/* @__PURE__ */ f("span", {
+					children: [/* @__PURE__ */ p("span", {
 						className: "inline-flex items-center gap-8 text-small font-medium text-fg-secondary",
 						children: [
-							/* @__PURE__ */ d(n, {
-								icon: h,
+							/* @__PURE__ */ f(n, {
+								icon: g,
 								size: "xs"
 							}),
-							c("conversationView.called", "Called **{name}**", { name: e.name }).split("**").map((e, t) => t % 2 ? /* @__PURE__ */ d("span", {
+							l("conversationView.called", "Called **{name}**", { name: e.name }).split("**").map((e, t) => t % 2 ? /* @__PURE__ */ f("span", {
 								className: "mono text-fg",
 								children: e
 							}, t) : e),
-							e.id && /* @__PURE__ */ d("span", {
+							e.id && /* @__PURE__ */ f("span", {
 								className: "mono text-fg-tertiary",
 								children: e.id
 							})
 						]
-					}), /* @__PURE__ */ d(i, {
+					}), /* @__PURE__ */ f(a, {
 						value: e.arguments,
 						defaultDepth: 3
 					})]
 				}, t);
-				case "tool_result": return /* @__PURE__ */ f("div", {
+				case "tool_result": return /* @__PURE__ */ p("div", {
 					className: "flex flex-col gap-8 pl-16 hairline-l",
-					children: [/* @__PURE__ */ f("span", {
+					children: [/* @__PURE__ */ p("span", {
 						className: "inline-flex items-center gap-8 text-small font-medium text-fg-secondary",
 						children: [
-							c("conversationView.result", "Result"),
-							e.tool_call_id && /* @__PURE__ */ d("span", {
+							l("conversationView.result", "Result"),
+							e.tool_call_id && /* @__PURE__ */ f("span", {
 								className: "mono text-fg-tertiary",
 								children: e.tool_call_id
 							}),
-							e.is_error && /* @__PURE__ */ d(a, {
+							e.is_error && /* @__PURE__ */ f(o, {
 								tone: "danger",
-								children: c("conversationView.error", "Error")
+								children: l("conversationView.error", "Error")
 							})
 						]
-					}), typeof e.content == "string" ? s && !x(e.content) ? /* @__PURE__ */ d(S, {
+					}), typeof e.content == "string" ? c && !C(e.content) ? /* @__PURE__ */ f(w, {
 						text: e.content,
 						markdown: !0
-					}) : /* @__PURE__ */ d("pre", {
+					}) : /* @__PURE__ */ f("pre", {
 						className: "mono text-small whitespace-pre-wrap wrap-anywhere text-fg",
 						children: e.content
-					}) : /* @__PURE__ */ d(C, {
+					}) : /* @__PURE__ */ f(T, {
 						blocks: e.content,
-						markdown: s
+						markdown: c
 					})]
 				}, t);
-				case "reasoning": return /* @__PURE__ */ d(o, {
-					title: /* @__PURE__ */ d("span", {
+				case "reasoning": return /* @__PURE__ */ f(s, {
+					title: /* @__PURE__ */ f("span", {
 						className: "text-fg-secondary",
-						children: c("conversationView.reasoning", "Reasoning")
+						children: l("conversationView.reasoning", "Reasoning")
 					}),
-					hint: e.redacted ? c("conversationView.redacted", "Redacted by the provider") : void 0,
-					children: e.redacted ? /* @__PURE__ */ d("p", {
+					hint: e.redacted ? l("conversationView.redacted", "Redacted by the provider") : void 0,
+					children: e.redacted ? /* @__PURE__ */ f("p", {
 						className: "max-w-prose text-small text-fg-secondary",
-						children: c("conversationView.encrypted", "The provider returned this reasoning in encrypted form.")
-					}) : /* @__PURE__ */ d(S, {
+						children: l("conversationView.encrypted", "The provider returned this reasoning in encrypted form.")
+					}) : /* @__PURE__ */ f(w, {
 						text: e.text,
-						markdown: s,
+						markdown: c,
 						small: !0
 					})
 				}, t);
 				case "image": {
-					let r = e.src ? b(e.src) : null;
-					return r ? /* @__PURE__ */ d("a", {
-						href: r,
-						target: "_blank",
-						rel: "noopener noreferrer nofollow",
-						className: "block w-120 overflow-hidden rounded-well ring-over ring-over-line focus-ring",
-						children: /* @__PURE__ */ d("img", {
-							src: r,
-							alt: e.alt ?? c("conversationView.imageInput", "Image input"),
+					if (e.src && x.test(e.src)) return /* @__PURE__ */ f("span", {
+						className: "block w-120 overflow-hidden rounded-well ring-over ring-over-line",
+						children: /* @__PURE__ */ f("img", {
+							src: e.src,
+							alt: e.alt ?? l("conversationView.imageInput", "Image input"),
 							className: "block h-120 w-120 object-cover"
 						})
-					}, t) : /* @__PURE__ */ f("span", {
+					}, t);
+					let i = e.src ? S(e.src) : null;
+					return i ? /* @__PURE__ */ f(r, {
+						href: i,
+						external: !0,
+						rel: "noopener noreferrer nofollow",
+						className: "w-max max-w-full wrap-anywhere",
+						children: l("conversationView.imageFrom", "Image from {host}", { host: new URL(i).host })
+					}, t) : /* @__PURE__ */ p("span", {
 						className: "inline-flex h-32 w-max items-center gap-8 rounded-pill bg-fill-1 px-12 text-small text-fg-secondary",
 						children: [
-							/* @__PURE__ */ d(n, {
-								icon: p,
+							/* @__PURE__ */ f(n, {
+								icon: m,
 								size: "xs"
 							}),
 							" ",
-							c("conversationView.image", "Image"),
+							l("conversationView.image", "Image"),
 							" ",
-							e.media_type && /* @__PURE__ */ d("span", {
+							e.media_type && /* @__PURE__ */ f("span", {
 								className: "mono",
 								children: e.media_type
 							})
 						]
 					}, t);
 				}
-				case "document": return /* @__PURE__ */ f("span", {
+				case "document": return /* @__PURE__ */ p("span", {
 					className: "inline-flex h-32 w-max items-center gap-8 rounded-pill bg-fill-1 px-12 text-small text-fg-secondary",
 					children: [
-						/* @__PURE__ */ d(n, {
-							icon: m,
+						/* @__PURE__ */ f(n, {
+							icon: h,
 							size: "xs"
 						}),
 						" ",
-						e.name ?? c("conversationView.document", "Document")
+						e.name ?? l("conversationView.document", "Document")
 					]
 				}, t);
-				case "refusal": return /* @__PURE__ */ d(r, {
+				case "refusal": return /* @__PURE__ */ f(i, {
 					tone: "warning",
-					title: c("conversationView.refused", "The model refused."),
+					title: l("conversationView.refused", "The model refused."),
 					children: e.text
 				}, t);
 			}
 		})
 	});
 }
-var w = /* @__PURE__ */ l(function({ messages: n, density: r = "default", markdown: i = !1, className: a, footer: o }, s) {
-	let c = y(t());
-	return /* @__PURE__ */ f("div", {
+var E = /* @__PURE__ */ u(function({ messages: n, density: r = "default", markdown: i = !1, className: a, footer: o }, s) {
+	let c = b(t());
+	return /* @__PURE__ */ p("div", {
 		ref: s,
-		className: e("flex flex-col", _.density[r].classes, a),
-		children: [n.map((t, n) => /* @__PURE__ */ f("section", {
+		className: e("flex flex-col", v.density[r].classes, a),
+		children: [n.map((t, n) => /* @__PURE__ */ p("section", {
 			"aria-label": c[t.role],
 			className: "flex flex-col gap-8",
-			children: [/* @__PURE__ */ d("span", {
+			children: [/* @__PURE__ */ f("span", {
 				className: e("text-caption font-medium", t.role === "assistant" ? "text-fg" : "text-fg-secondary"),
 				children: c[t.role]
-			}), /* @__PURE__ */ d("div", {
+			}), /* @__PURE__ */ f("div", {
 				className: e(t.role === "system" || t.role === "developer" ? "rounded-well bg-fill-1 px-16 py-12" : ""),
-				children: /* @__PURE__ */ d(C, {
+				children: /* @__PURE__ */ f(T, {
 					blocks: typeof t.content == "string" ? [{
 						type: "text",
 						text: t.content
@@ -197,8 +206,8 @@ var w = /* @__PURE__ */ l(function({ messages: n, density: r = "default", markdo
 		}, n)), o]
 	});
 });
-process.env.NODE_ENV !== "production" && (w.displayName = "ConversationView");
+process.env.NODE_ENV !== "production" && (E.displayName = "ConversationView");
 //#endregion
-export { w as ConversationView, v as KAESO_CONVERSATION_DEFAULT_VARIANTS, _ as KAESO_CONVERSATION_VARIANTS };
+export { E as ConversationView, y as KAESO_CONVERSATION_DEFAULT_VARIANTS, v as KAESO_CONVERSATION_VARIANTS };
 
 //# sourceMappingURL=conversation.js.map