@nucleux/visual-input 0.0.0-stage → 0.6.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Nucleux
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,48 @@
-# Temporary Holding Version
+# @nucleux/visual-input
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Visual Input — attach images, screenshots, or videos as part of the ask — Nucleux agentic UI for React.
+
+Part of **[Nucleux](https://github.com/intelligaia-open-labs/nucleux)** — agentic UI components for React. Install a single component, or the full kit via [`@nucleux/react`](https://www.npmjs.com/package/@nucleux/react).
+
+## Install
+
+```bash
+pnpm add @nucleux/visual-input @nucleux/tokens
+```
+
+`react` / `react-dom` are peer dependencies.
+
+## Usage
+
+```tsx
+import { VisualInput, type VisualInputFile } from "@nucleux/visual-input";
+
+const [files, setFiles] = useState<VisualInputFile[]>([]);
+
+<VisualInput
+  variant="paste-chip"            // "drag-drop" | "paste-chip" | "camera-capture"
+  files={files}
+  onFilesChange={setFiles}
+  maxSize={20 * 1024 * 1024}
+  maxFiles={4}
+  seeText="Aria will see this when you send"
+  unsupportedText="Aria can read images (PNG, JPG, HEIC)."
+>
+  <OpenInput … />                 {/* the composer the visual is paired with */}
+</VisualInput>
+```
+
+- **Sources:** `sources={["upload", "paste", "camera"]}` — only what the product allows. Upload covers the
+  browse button and drag-and-drop; paste picks up images pasted anywhere inside the component (plain-text
+  paste is untouched); camera uses `<input type="file" accept="image/*" capture>`.
+- **Limits:** `accept`, `maxSize`, `maxFiles`, `multiple`. Refused files are listed in an alert that says
+  why and what can be used, and reported through `onReject`.
+- **Never auto-sends.** The component only manages files; your app sends them with the prompt.
+- **Per-file state:** set `status: "reading" | "error"` and `error` on a file to show a working or failed chip.
+
+Requires the theme once in your app: `import "@nucleux/tokens/styles.css";`
+and the Tailwind preset from `@nucleux/tokens/preset`.
+
+## License
+
+MIT © Nucleux

package/dist/index.cjs

@@ -0,0 +1,461 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var utils = require('@nucleux/utils');
+var button = require('@nucleux/button');
+var attachment = require('@nucleux/attachment');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/index.tsx
+var MB = 1024 * 1024;
+function formatFileSize(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < MB) return `${Math.round(bytes / 1024)} KB`;
+  const mb = bytes / MB;
+  return `${mb >= 10 ? Math.round(mb) : Math.round(mb * 10) / 10} MB`;
+}
+function fileMatchesAccept(file, accept) {
+  const rules = accept.split(",").map((r) => r.trim().toLowerCase()).filter(Boolean);
+  if (rules.length === 0) return true;
+  const name = file.name.toLowerCase();
+  const type = (file.type || "").toLowerCase();
+  return rules.some((rule) => {
+    if (rule.startsWith(".")) return name.endsWith(rule);
+    if (rule.endsWith("/*")) return type.startsWith(rule.slice(0, -1));
+    return type === rule;
+  });
+}
+var fileCounter = 0;
+var canPreview = () => typeof URL !== "undefined" && typeof URL.createObjectURL === "function";
+var VisualInput = React__namespace.forwardRef(
+  ({
+    variant = "drag-drop",
+    sources,
+    accept = "image/*",
+    maxSize = 20 * MB,
+    maxFiles,
+    multiple,
+    capture = "environment",
+    files: filesProp,
+    defaultFiles,
+    onFilesChange,
+    onReject,
+    label,
+    hint,
+    regionLabel = "Image input",
+    seeText = "Attached to your next message \u2014 nothing is sent until you send.",
+    cameraText,
+    unsupportedText,
+    browseLabel = "Browse files",
+    cameraLabel = "Take photo",
+    disabled = false,
+    className,
+    children,
+    onPaste,
+    onDragEnter,
+    onDragOver,
+    onDragLeave,
+    onDrop,
+    ...props
+  }, ref) => {
+    const isCamera = variant === "camera-capture";
+    const allowed = sources ?? (isCamera ? ["camera", "upload"] : ["upload", "paste"]);
+    const canUpload = allowed.includes("upload");
+    const canPaste = allowed.includes("paste");
+    const canCamera = allowed.includes("camera");
+    const isMultiple = multiple ?? !isCamera;
+    const limit = isMultiple ? maxFiles ?? 4 : 1;
+    const [internal, setInternal] = React__namespace.useState(defaultFiles ?? []);
+    const files = filesProp ?? internal;
+    const [errors, setErrors] = React__namespace.useState([]);
+    const [announcement, setAnnouncement] = React__namespace.useState("");
+    const [dragging, setDragging] = React__namespace.useState(false);
+    const dragDepth = React__namespace.useRef(0);
+    const uploadRef = React__namespace.useRef(null);
+    const cameraRef = React__namespace.useRef(null);
+    const rootRef = React__namespace.useRef(null);
+    const created = React__namespace.useRef(/* @__PURE__ */ new Set());
+    const errorsId = React__namespace.useId();
+    React__namespace.useEffect(() => {
+      const live = new Set(files.map((f) => f.previewUrl));
+      created.current.forEach((url) => {
+        if (!live.has(url)) {
+          URL.revokeObjectURL(url);
+          created.current.delete(url);
+        }
+      });
+    }, [files]);
+    React__namespace.useEffect(
+      () => () => {
+        created.current.forEach((url) => URL.revokeObjectURL(url));
+        created.current.clear();
+      },
+      []
+    );
+    const commit = (next) => {
+      if (filesProp === void 0) setInternal(next);
+      onFilesChange?.(next);
+    };
+    const describeRejection = (file, reason) => {
+      if (reason === "type")
+        return `${file.name} can\u2019t be attached. ${unsupportedText ?? "Choose an image file instead."}`;
+      if (reason === "size") return `${file.name} is larger than ${formatFileSize(maxSize)}.`;
+      return `Only ${limit} ${limit === 1 ? "file" : "files"} can be attached \u2014 ${file.name} was left out.`;
+    };
+    const addFiles = (list, source) => {
+      if (disabled || list.length === 0) return;
+      const rejected = [];
+      const accepted = [];
+      const room = isMultiple ? limit - files.length : 1;
+      for (const file of list) {
+        let reason = null;
+        if (!fileMatchesAccept(file, accept)) reason = "type";
+        else if (file.size > maxSize) reason = "size";
+        else if (accepted.length >= room) reason = "count";
+        if (reason) {
+          rejected.push({ file, reason, message: describeRejection(file, reason) });
+          continue;
+        }
+        let previewUrl;
+        if (file.type.startsWith("image/") && canPreview()) {
+          previewUrl = URL.createObjectURL(file);
+          created.current.add(previewUrl);
+        }
+        fileCounter += 1;
+        accepted.push({ id: `nx-visual-${fileCounter}`, file, previewUrl, source, status: "ready" });
+      }
+      setErrors(rejected);
+      if (rejected.length) onReject?.(rejected);
+      if (accepted.length) {
+        commit(isMultiple ? [...files, ...accepted] : accepted);
+        setAnnouncement(`${accepted.map((f) => f.file.name).join(", ")} attached.`);
+      }
+    };
+    const removeFile = (id) => {
+      const target = files.find((f) => f.id === id);
+      commit(files.filter((f) => f.id !== id));
+      if (target) setAnnouncement(`${target.file.name} removed.`);
+      requestAnimationFrame(() => {
+        const root = rootRef.current;
+        const next = root?.querySelector("[data-visual-input-focus]") ?? root;
+        next?.focus();
+      });
+    };
+    const openUpload = () => !disabled && uploadRef.current?.click();
+    const openCamera = () => !disabled && cameraRef.current?.click();
+    const onInputChange = (source) => (e) => {
+      addFiles(Array.from(e.target.files ?? []), source);
+      e.target.value = "";
+    };
+    const hasFiles = (e) => Array.from(e.dataTransfer?.types ?? []).includes("Files");
+    const dropHandlers = canUpload ? {
+      onDragEnter: (e) => {
+        onDragEnter?.(e);
+        if (disabled || !hasFiles(e)) return;
+        e.preventDefault();
+        dragDepth.current += 1;
+        setDragging(true);
+      },
+      onDragOver: (e) => {
+        onDragOver?.(e);
+        if (disabled || !hasFiles(e)) return;
+        e.preventDefault();
+        e.dataTransfer.dropEffect = "copy";
+      },
+      onDragLeave: (e) => {
+        onDragLeave?.(e);
+        dragDepth.current = Math.max(0, dragDepth.current - 1);
+        if (dragDepth.current === 0) setDragging(false);
+      },
+      onDrop: (e) => {
+        onDrop?.(e);
+        dragDepth.current = 0;
+        setDragging(false);
+        if (disabled) return;
+        e.preventDefault();
+        addFiles(Array.from(e.dataTransfer?.files ?? []), "upload");
+      }
+    } : { onDragEnter, onDragOver, onDragLeave, onDrop };
+    const handlePaste = (e) => {
+      onPaste?.(e);
+      if (e.defaultPrevented || !canPaste || disabled) return;
+      const pasted = Array.from(e.clipboardData?.files ?? []);
+      if (pasted.length === 0) return;
+      e.preventDefault();
+      addFiles(pasted, "paste");
+    };
+    const hintText = hint ?? `${accept === "image/*" ? "Images" : accept.replace(/,/g, ", ")} \xB7 up to ${formatFileSize(maxSize)}`;
+    const chips = files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(attachment.AttachmentGroup, { role: "list", "aria-label": "Attached visuals", children: files.map((f) => /* @__PURE__ */ jsxRuntime.jsx("div", { role: "listitem", children: /* @__PURE__ */ jsxRuntime.jsx(
+      attachment.Attachment,
+      {
+        name: f.file.name,
+        meta: f.status === "error" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: f.error ?? "Couldn\u2019t use this file." }) : f.status === "reading" ? "Reading\u2026" : formatFileSize(f.file.size),
+        icon: f.previewUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: f.previewUrl, alt: "", className: "size-full rounded-md object-cover" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ImageIcon, { "aria-hidden": "true" }),
+        onRemove: () => removeFile(f.id),
+        "data-status": f.status ?? "ready",
+        className: utils.cn(
+          variant === "paste-chip" && "rounded-full py-1 pl-1",
+          f.status === "error" && "border-destructive/60",
+          f.status === "reading" && "animate-pulse motion-reduce:animate-none"
+        )
+      }
+    ) }, f.id)) });
+    const status = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      files.length > 0 && seeText && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: seeText }),
+      errors.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          id: errorsId,
+          role: "alert",
+          className: "flex items-start gap-2 rounded-lg border border-destructive/40 bg-destructive/10 px-3 py-2 text-sm text-destructive",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "mt-0.5 size-4 shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex-1 space-y-0.5", children: errors.map((err, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: err.message }, i)) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Dismiss errors",
+                onClick: () => setErrors([]),
+                className: "inline-flex size-5 shrink-0 items-center justify-center rounded-full transition-colors hover:bg-destructive/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:size-3.5",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { "aria-hidden": "true" })
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", "aria-live": "polite", className: "sr-only", children: announcement })
+    ] });
+    const hiddenInputs = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      canUpload && /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          ref: uploadRef,
+          type: "file",
+          accept,
+          multiple: isMultiple,
+          hidden: true,
+          tabIndex: -1,
+          disabled,
+          onChange: onInputChange("upload")
+        }
+      ),
+      canCamera && /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          ref: cameraRef,
+          type: "file",
+          accept: accept.includes("image") ? "image/*" : accept,
+          capture,
+          hidden: true,
+          tabIndex: -1,
+          disabled,
+          onChange: onInputChange("camera")
+        }
+      )
+    ] });
+    const setRoot = (node) => {
+      rootRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    };
+    const rootProps = {
+      ref: setRoot,
+      role: "group",
+      "aria-label": regionLabel,
+      "aria-disabled": disabled || void 0,
+      "data-variant": variant,
+      "data-dragging": dragging || void 0,
+      tabIndex: -1,
+      onPaste: handlePaste,
+      ...dropHandlers,
+      ...props
+    };
+    if (variant === "paste-chip") {
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...rootProps, className: utils.cn("flex flex-col gap-2 outline-none", className), children: [
+        chips,
+        children,
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: utils.cn(
+              "flex items-center gap-1 rounded-lg text-xs text-muted-foreground transition-colors",
+              dragging && "bg-brand-muted/50 text-foreground ring-2 ring-brand"
+            ),
+            children: [
+              canUpload && /* @__PURE__ */ jsxRuntime.jsx(
+                button.Button,
+                {
+                  variant: "ghost",
+                  size: "icon-sm",
+                  "aria-label": "Attach image",
+                  onClick: openUpload,
+                  disabled,
+                  "data-visual-input-focus": "",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Paperclip, { className: "size-4", "aria-hidden": "true" })
+                }
+              ),
+              canCamera && /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "icon-sm", "aria-label": cameraLabel, onClick: openCamera, disabled, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Camera, { className: "size-4", "aria-hidden": "true" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: label ?? (dragging ? "Drop to attach" : canPaste ? "Paste or drop a screenshot" : "Attach an image") })
+            ]
+          }
+        ),
+        status,
+        hiddenInputs
+      ] });
+    }
+    if (isCamera) {
+      const photo = files[0];
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...rootProps, className: utils.cn("flex flex-col gap-3 outline-none", className), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: utils.cn(
+              "relative aspect-[4/3] overflow-hidden rounded-xl border border-border bg-muted",
+              dragging && "ring-2 ring-brand"
+            ),
+            children: photo?.previewUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: photo.previewUrl,
+                alt: `Captured photo: ${photo.file.name}`,
+                className: "size-full object-cover"
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "absolute inset-[22%] rounded-lg border-2 border-brand/80"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "absolute inset-x-0 bottom-3 px-4 text-center text-xs text-muted-foreground", children: photo ? photo.file.name : label ?? "Point your camera at what you want to ask about" })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center gap-3", children: photo ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          canCamera && /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              variant: "secondary",
+              size: "sm",
+              leftIcon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { className: "size-4", "aria-hidden": "true" }),
+              onClick: openCamera,
+              disabled,
+              "data-visual-input-focus": "",
+              children: "Retake"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              leftIcon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "size-4", "aria-hidden": "true" }),
+              onClick: () => removeFile(photo.id),
+              disabled,
+              children: "Remove"
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          canCamera && /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              variant: "secondary",
+              "aria-label": cameraLabel,
+              onClick: openCamera,
+              disabled,
+              "data-visual-input-focus": "",
+              className: "size-14 rounded-full border-4 border-brand p-0",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Camera, { className: "size-5", "aria-hidden": "true" })
+            }
+          ),
+          canUpload && /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "sm", onClick: openUpload, disabled, children: "Upload instead" })
+        ] }) }),
+        cameraText && !photo && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-xs text-muted-foreground", children: cameraText }),
+        photo?.status === "error" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-xs text-destructive", children: photo.error ?? "Couldn\u2019t use this photo." }),
+        children,
+        status,
+        hiddenInputs
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...rootProps, className: utils.cn("flex flex-col gap-3 outline-none", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          onClick: (e) => {
+            if (e.target.closest("button")) return;
+            if (canUpload) openUpload();
+          },
+          className: utils.cn(
+            "flex flex-col items-center justify-center gap-2 rounded-xl border-2 border-dashed border-border bg-muted/40 px-6 py-6 text-center transition-colors",
+            canUpload && !disabled && "cursor-pointer hover:bg-muted/70",
+            dragging && "border-brand bg-brand-muted/50",
+            disabled && "opacity-50"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex size-10 items-center justify-center rounded-full bg-background text-muted-foreground shadow-sm [&_svg]:size-5", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ImageUp, { "aria-hidden": "true" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-foreground", children: dragging ? "Drop to attach" : label ?? (canPaste ? "Drop an image or paste a screenshot" : "Drop an image") }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: hintText }),
+            (canUpload || canCamera) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex flex-wrap items-center justify-center gap-2", children: [
+              canUpload && /* @__PURE__ */ jsxRuntime.jsx(
+                button.Button,
+                {
+                  variant: "secondary",
+                  size: "sm",
+                  onClick: openUpload,
+                  disabled,
+                  "data-visual-input-focus": "",
+                  children: browseLabel
+                }
+              ),
+              canCamera && /* @__PURE__ */ jsxRuntime.jsx(
+                button.Button,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  leftIcon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Camera, { className: "size-4", "aria-hidden": "true" }),
+                  onClick: openCamera,
+                  disabled,
+                  children: cameraLabel
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      chips,
+      children,
+      status,
+      hiddenInputs
+    ] });
+  }
+);
+VisualInput.displayName = "VisualInput";
+
+exports.VisualInput = VisualInput;
+exports.fileMatchesAccept = fileMatchesAccept;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx"],"names":["React","jsx","AttachmentGroup","Attachment","ImageIcon","cn","jsxs","Fragment","AlertCircle","X","Button","Paperclip","Camera","RotateCcw","Trash2","ImageUp"],"mappings":"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","file":"index.cjs","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nucleux/utils\";\nimport { Button } from \"@nucleux/button\";\nimport { Attachment, AttachmentGroup } from \"@nucleux/attachment\";\nimport { AlertCircle, Camera, ImageIcon, ImageUp, Paperclip, RotateCcw, Trash2, X } from \"lucide-react\";\n\nexport type VisualInputVariant = \"drag-drop\" | \"paste-chip\" | \"camera-capture\";\n\n/** Where a visual can come from. Only the sources you list are offered. */\nexport type VisualInputSource = \"upload\" | \"paste\" | \"camera\";\n\n/** Per-file state, set by the app while it reads or uploads the visual. */\nexport type VisualInputFileStatus = \"ready\" | \"reading\" | \"error\";\n\nexport interface VisualInputFile {\n  /** Stable id, generated when the file is added. */\n  id: string;\n  /** The underlying file. */\n  file: File;\n  /** Object URL used for the thumbnail (images only, browser only). */\n  previewUrl?: string;\n  /** How the file arrived. */\n  source?: VisualInputSource;\n  /** `\"reading\"` shows a quiet working treatment; `\"error\"` shows `error` in the destructive tone. */\n  status?: VisualInputFileStatus;\n  /** Message shown when `status` is `\"error\"`, e.g. `\"Couldn't read this image.\"`. */\n  error?: string;\n}\n\nexport type VisualInputRejectionReason = \"type\" | \"size\" | \"count\";\n\nexport interface VisualInputRejection {\n  file: File;\n  reason: VisualInputRejectionReason;\n  /** The human-readable message shown in the error list. */\n  message: string;\n}\n\nexport interface VisualInputProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\"> {\n  /** `\"drag-drop\"` (default) dashed drop zone, `\"paste-chip\"` chips above a composer, `\"camera-capture\"` viewfinder with a shutter. */\n  variant?: VisualInputVariant;\n  /** Sources offered. Defaults to upload + paste (+ camera for `\"camera-capture\"`). */\n  sources?: VisualInputSource[];\n  /** Accepted types, in `<input accept>` syntax. Defaults to `\"image/*\"`. */\n  accept?: string;\n  /** Largest accepted file in bytes. Defaults to 20 MB. */\n  maxSize?: number;\n  /** Most files held at once. Defaults to 4 (1 for `\"camera-capture\"`). */\n  maxFiles?: number;\n  /** Allow more than one file. Defaults to `true` except for `\"camera-capture\"`. */\n  multiple?: boolean;\n  /** Which camera `capture` asks for on mobile. Defaults to `\"environment\"`. */\n  capture?: \"user\" | \"environment\";\n  /** The attached files (controlled). */\n  files?: VisualInputFile[];\n  /** Initial files (uncontrolled). */\n  defaultFiles?: VisualInputFile[];\n  /** Called with the next list whenever files are added or removed. Nothing is ever sent. */\n  onFilesChange?: (files: VisualInputFile[]) => void;\n  /** Called with files that were refused (wrong type, too large, too many). */\n  onReject?: (rejections: VisualInputRejection[]) => void;\n  /** Main line of the drop zone. */\n  label?: React.ReactNode;\n  /** Secondary line, e.g. `\"PNG, JPG, PDF · up to 20 MB\"`. Derived from `accept`/`maxSize` when omitted. */\n  hint?: React.ReactNode;\n  /** Accessible name of the whole region. Defaults to `\"Image input\"`. */\n  regionLabel?: string;\n  /** Line shown once something is attached, e.g. `\"Aria will see this when you send\"`. */\n  seeText?: React.ReactNode;\n  /** Explains camera access before anything is captured (camera variant). */\n  cameraText?: React.ReactNode;\n  /** Says what can be used when a type is refused, e.g. `\"Aria can read PNG, JPG and HEIC.\"`. */\n  unsupportedText?: string;\n  /** Label of the browse button. */\n  browseLabel?: string;\n  /** Label of the camera button. */\n  cameraLabel?: string;\n  /** Disable every source. */\n  disabled?: boolean;\n  /** Slot rendered under the previews — typically the composer the visual is paired with. */\n  children?: React.ReactNode;\n}\n\nconst MB = 1024 * 1024;\n\n/** Format a byte count as `\"240 KB\"` / `\"2.4 MB\"`. */\nfunction formatFileSize(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < MB) return `${Math.round(bytes / 1024)} KB`;\n  const mb = bytes / MB;\n  return `${mb >= 10 ? Math.round(mb) : Math.round(mb * 10) / 10} MB`;\n}\n\n/** Whether `file` matches an `<input accept>` string. */\nexport function fileMatchesAccept(file: File, accept: string): boolean {\n  const rules = accept\n    .split(\",\")\n    .map((r) => r.trim().toLowerCase())\n    .filter(Boolean);\n  if (rules.length === 0) return true;\n  const name = file.name.toLowerCase();\n  const type = (file.type || \"\").toLowerCase();\n  return rules.some((rule) => {\n    if (rule.startsWith(\".\")) return name.endsWith(rule);\n    if (rule.endsWith(\"/*\")) return type.startsWith(rule.slice(0, -1));\n    return type === rule;\n  });\n}\n\nlet fileCounter = 0;\nconst canPreview = () => typeof URL !== \"undefined\" && typeof URL.createObjectURL === \"function\";\n\n/**\n * Visual input: lets people add images, screenshots or photos as context to their\n * ask — drag-and-drop, paste from the clipboard, browse, or camera capture\n * (`<input capture>`). Each visual lands as a removable chip with a real preview,\n * type/size/count limits are checked with plain-language errors in a live region,\n * and nothing is ever sent: the app pairs the files with the text prompt and\n * sends on the person's command. Variants: drag-drop, paste-chip, camera-capture.\n */\nexport const VisualInput = React.forwardRef<HTMLDivElement, VisualInputProps>(\n  (\n    {\n      variant = \"drag-drop\",\n      sources,\n      accept = \"image/*\",\n      maxSize = 20 * MB,\n      maxFiles,\n      multiple,\n      capture = \"environment\",\n      files: filesProp,\n      defaultFiles,\n      onFilesChange,\n      onReject,\n      label,\n      hint,\n      regionLabel = \"Image input\",\n      seeText = \"Attached to your next message — nothing is sent until you send.\",\n      cameraText,\n      unsupportedText,\n      browseLabel = \"Browse files\",\n      cameraLabel = \"Take photo\",\n      disabled = false,\n      className,\n      children,\n      onPaste,\n      onDragEnter,\n      onDragOver,\n      onDragLeave,\n      onDrop,\n      ...props\n    },\n    ref,\n  ) => {\n    const isCamera = variant === \"camera-capture\";\n    const allowed = sources ?? (isCamera ? [\"camera\", \"upload\"] : [\"upload\", \"paste\"]);\n    const canUpload = allowed.includes(\"upload\");\n    const canPaste = allowed.includes(\"paste\");\n    const canCamera = allowed.includes(\"camera\");\n    const isMultiple = multiple ?? !isCamera;\n    const limit = isMultiple ? (maxFiles ?? 4) : 1;\n\n    const [internal, setInternal] = React.useState<VisualInputFile[]>(defaultFiles ?? []);\n    const files = filesProp ?? internal;\n    const [errors, setErrors] = React.useState<VisualInputRejection[]>([]);\n    const [announcement, setAnnouncement] = React.useState(\"\");\n    const [dragging, setDragging] = React.useState(false);\n    const dragDepth = React.useRef(0);\n    const uploadRef = React.useRef<HTMLInputElement>(null);\n    const cameraRef = React.useRef<HTMLInputElement>(null);\n    const rootRef = React.useRef<HTMLDivElement | null>(null);\n    const created = React.useRef(new Set<string>());\n    const errorsId = React.useId();\n\n    // Revoke object URLs we created once their file is gone, and on unmount.\n    React.useEffect(() => {\n      const live = new Set(files.map((f) => f.previewUrl));\n      created.current.forEach((url) => {\n        if (!live.has(url)) {\n          URL.revokeObjectURL(url);\n          created.current.delete(url);\n        }\n      });\n    }, [files]);\n    React.useEffect(\n      () => () => {\n        created.current.forEach((url) => URL.revokeObjectURL(url));\n        created.current.clear();\n      },\n      [],\n    );\n\n    const commit = (next: VisualInputFile[]) => {\n      if (filesProp === undefined) setInternal(next);\n      onFilesChange?.(next);\n    };\n\n    const describeRejection = (file: File, reason: VisualInputRejectionReason) => {\n      if (reason === \"type\")\n        return `${file.name} can’t be attached. ${unsupportedText ?? \"Choose an image file instead.\"}`;\n      if (reason === \"size\") return `${file.name} is larger than ${formatFileSize(maxSize)}.`;\n      return `Only ${limit} ${limit === 1 ? \"file\" : \"files\"} can be attached — ${file.name} was left out.`;\n    };\n\n    const addFiles = (list: File[], source: VisualInputSource) => {\n      if (disabled || list.length === 0) return;\n      const rejected: VisualInputRejection[] = [];\n      const accepted: VisualInputFile[] = [];\n      const room = isMultiple ? limit - files.length : 1;\n      for (const file of list) {\n        let reason: VisualInputRejectionReason | null = null;\n        if (!fileMatchesAccept(file, accept)) reason = \"type\";\n        else if (file.size > maxSize) reason = \"size\";\n        else if (accepted.length >= room) reason = \"count\";\n        if (reason) {\n          rejected.push({ file, reason, message: describeRejection(file, reason) });\n          continue;\n        }\n        let previewUrl: string | undefined;\n        if (file.type.startsWith(\"image/\") && canPreview()) {\n          previewUrl = URL.createObjectURL(file);\n          created.current.add(previewUrl);\n        }\n        fileCounter += 1;\n        accepted.push({ id: `nx-visual-${fileCounter}`, file, previewUrl, source, status: \"ready\" });\n      }\n      setErrors(rejected);\n      if (rejected.length) onReject?.(rejected);\n      if (accepted.length) {\n        commit(isMultiple ? [...files, ...accepted] : accepted);\n        setAnnouncement(`${accepted.map((f) => f.file.name).join(\", \")} attached.`);\n      }\n    };\n\n    const removeFile = (id: string) => {\n      const target = files.find((f) => f.id === id);\n      commit(files.filter((f) => f.id !== id));\n      if (target) setAnnouncement(`${target.file.name} removed.`);\n      // Focus would be lost with the removed chip — move it to a stable control.\n      requestAnimationFrame(() => {\n        const root = rootRef.current;\n        const next = root?.querySelector<HTMLElement>(\"[data-visual-input-focus]\") ?? root;\n        next?.focus();\n      });\n    };\n\n    const openUpload = () => !disabled && uploadRef.current?.click();\n    const openCamera = () => !disabled && cameraRef.current?.click();\n\n    const onInputChange = (source: VisualInputSource) => (e: React.ChangeEvent<HTMLInputElement>) => {\n      addFiles(Array.from(e.target.files ?? []), source);\n      e.target.value = \"\";\n    };\n\n    const hasFiles = (e: React.DragEvent) => Array.from(e.dataTransfer?.types ?? []).includes(\"Files\");\n\n    const dropHandlers = canUpload\n      ? {\n          onDragEnter: (e: React.DragEvent<HTMLDivElement>) => {\n            onDragEnter?.(e);\n            if (disabled || !hasFiles(e)) return;\n            e.preventDefault();\n            dragDepth.current += 1;\n            setDragging(true);\n          },\n          onDragOver: (e: React.DragEvent<HTMLDivElement>) => {\n            onDragOver?.(e);\n            if (disabled || !hasFiles(e)) return;\n            e.preventDefault();\n            e.dataTransfer.dropEffect = \"copy\";\n          },\n          onDragLeave: (e: React.DragEvent<HTMLDivElement>) => {\n            onDragLeave?.(e);\n            dragDepth.current = Math.max(0, dragDepth.current - 1);\n            if (dragDepth.current === 0) setDragging(false);\n          },\n          onDrop: (e: React.DragEvent<HTMLDivElement>) => {\n            onDrop?.(e);\n            dragDepth.current = 0;\n            setDragging(false);\n            if (disabled) return;\n            e.preventDefault();\n            addFiles(Array.from(e.dataTransfer?.files ?? []), \"upload\");\n          },\n        }\n      : { onDragEnter, onDragOver, onDragLeave, onDrop };\n\n    const handlePaste = (e: React.ClipboardEvent<HTMLDivElement>) => {\n      onPaste?.(e);\n      if (e.defaultPrevented || !canPaste || disabled) return;\n      const pasted = Array.from(e.clipboardData?.files ?? []);\n      if (pasted.length === 0) return; // plain text paste continues as normal\n      e.preventDefault();\n      addFiles(pasted, \"paste\");\n    };\n\n    const hintText =\n      hint ?? `${accept === \"image/*\" ? \"Images\" : accept.replace(/,/g, \", \")} · up to ${formatFileSize(maxSize)}`;\n\n    const chips = files.length > 0 && (\n      <AttachmentGroup role=\"list\" aria-label=\"Attached visuals\">\n        {files.map((f) => (\n          <div role=\"listitem\" key={f.id}>\n            <Attachment\n              name={f.file.name}\n              meta={\n                f.status === \"error\" ? (\n                  <span className=\"text-destructive\">{f.error ?? \"Couldn’t use this file.\"}</span>\n                ) : f.status === \"reading\" ? (\n                  \"Reading…\"\n                ) : (\n                  formatFileSize(f.file.size)\n                )\n              }\n              icon={\n                f.previewUrl ? (\n                  <img src={f.previewUrl} alt=\"\" className=\"size-full rounded-md object-cover\" />\n                ) : (\n                  <ImageIcon aria-hidden=\"true\" />\n                )\n              }\n              onRemove={() => removeFile(f.id)}\n              data-status={f.status ?? \"ready\"}\n              className={cn(\n                variant === \"paste-chip\" && \"rounded-full py-1 pl-1\",\n                f.status === \"error\" && \"border-destructive/60\",\n                f.status === \"reading\" && \"animate-pulse motion-reduce:animate-none\",\n              )}\n            />\n          </div>\n        ))}\n      </AttachmentGroup>\n    );\n\n    const status = (\n      <>\n        {files.length > 0 && seeText && <p className=\"text-xs text-muted-foreground\">{seeText}</p>}\n        {errors.length > 0 && (\n          <div\n            id={errorsId}\n            role=\"alert\"\n            className=\"flex items-start gap-2 rounded-lg border border-destructive/40 bg-destructive/10 px-3 py-2 text-sm text-destructive\"\n          >\n            <AlertCircle className=\"mt-0.5 size-4 shrink-0\" aria-hidden=\"true\" />\n            <ul className=\"flex-1 space-y-0.5\">\n              {errors.map((err, i) => (\n                <li key={i}>{err.message}</li>\n              ))}\n            </ul>\n            <button\n              type=\"button\"\n              aria-label=\"Dismiss errors\"\n              onClick={() => setErrors([])}\n              className=\"inline-flex size-5 shrink-0 items-center justify-center rounded-full transition-colors hover:bg-destructive/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:size-3.5\"\n            >\n              <X aria-hidden=\"true\" />\n            </button>\n          </div>\n        )}\n        <p role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n          {announcement}\n        </p>\n      </>\n    );\n\n    const hiddenInputs = (\n      <>\n        {canUpload && (\n          <input\n            ref={uploadRef}\n            type=\"file\"\n            accept={accept}\n            multiple={isMultiple}\n            hidden\n            tabIndex={-1}\n            disabled={disabled}\n            onChange={onInputChange(\"upload\")}\n          />\n        )}\n        {canCamera && (\n          <input\n            ref={cameraRef}\n            type=\"file\"\n            accept={accept.includes(\"image\") ? \"image/*\" : accept}\n            capture={capture}\n            hidden\n            tabIndex={-1}\n            disabled={disabled}\n            onChange={onInputChange(\"camera\")}\n          />\n        )}\n      </>\n    );\n\n    const setRoot = (node: HTMLDivElement | null) => {\n      rootRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref) ref.current = node;\n    };\n\n    const rootProps = {\n      ref: setRoot,\n      role: \"group\" as const,\n      \"aria-label\": regionLabel,\n      \"aria-disabled\": disabled || undefined,\n      \"data-variant\": variant,\n      \"data-dragging\": dragging || undefined,\n      tabIndex: -1,\n      onPaste: handlePaste,\n      ...dropHandlers,\n      ...props,\n    };\n\n    if (variant === \"paste-chip\") {\n      return (\n        <div {...rootProps} className={cn(\"flex flex-col gap-2 outline-none\", className)}>\n          {chips}\n          {children}\n          <div\n            className={cn(\n              \"flex items-center gap-1 rounded-lg text-xs text-muted-foreground transition-colors\",\n              dragging && \"bg-brand-muted/50 text-foreground ring-2 ring-brand\",\n            )}\n          >\n            {canUpload && (\n              <Button\n                variant=\"ghost\"\n                size=\"icon-sm\"\n                aria-label=\"Attach image\"\n                onClick={openUpload}\n                disabled={disabled}\n                data-visual-input-focus=\"\"\n              >\n                <Paperclip className=\"size-4\" aria-hidden=\"true\" />\n              </Button>\n            )}\n            {canCamera && (\n              <Button variant=\"ghost\" size=\"icon-sm\" aria-label={cameraLabel} onClick={openCamera} disabled={disabled}>\n                <Camera className=\"size-4\" aria-hidden=\"true\" />\n              </Button>\n            )}\n            <span>{label ?? (dragging ? \"Drop to attach\" : canPaste ? \"Paste or drop a screenshot\" : \"Attach an image\")}</span>\n          </div>\n          {status}\n          {hiddenInputs}\n        </div>\n      );\n    }\n\n    if (isCamera) {\n      const photo = files[0];\n      return (\n        <div {...rootProps} className={cn(\"flex flex-col gap-3 outline-none\", className)}>\n          <div\n            className={cn(\n              \"relative aspect-[4/3] overflow-hidden rounded-xl border border-border bg-muted\",\n              dragging && \"ring-2 ring-brand\",\n            )}\n          >\n            {photo?.previewUrl ? (\n              <img\n                src={photo.previewUrl}\n                alt={`Captured photo: ${photo.file.name}`}\n                className=\"size-full object-cover\"\n              />\n            ) : (\n              <>\n                <span\n                  aria-hidden=\"true\"\n                  className=\"absolute inset-[22%] rounded-lg border-2 border-brand/80\"\n                />\n                <p className=\"absolute inset-x-0 bottom-3 px-4 text-center text-xs text-muted-foreground\">\n                  {photo ? photo.file.name : (label ?? \"Point your camera at what you want to ask about\")}\n                </p>\n              </>\n            )}\n          </div>\n          <div className=\"flex items-center justify-center gap-3\">\n            {photo ? (\n              <>\n                {canCamera && (\n                  <Button\n                    variant=\"secondary\"\n                    size=\"sm\"\n                    leftIcon={<RotateCcw className=\"size-4\" aria-hidden=\"true\" />}\n                    onClick={openCamera}\n                    disabled={disabled}\n                    data-visual-input-focus=\"\"\n                  >\n                    Retake\n                  </Button>\n                )}\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  leftIcon={<Trash2 className=\"size-4\" aria-hidden=\"true\" />}\n                  onClick={() => removeFile(photo.id)}\n                  disabled={disabled}\n                >\n                  Remove\n                </Button>\n              </>\n            ) : (\n              <>\n                {canCamera && (\n                  <Button\n                    variant=\"secondary\"\n                    aria-label={cameraLabel}\n                    onClick={openCamera}\n                    disabled={disabled}\n                    data-visual-input-focus=\"\"\n                    className=\"size-14 rounded-full border-4 border-brand p-0\"\n                  >\n                    <Camera className=\"size-5\" aria-hidden=\"true\" />\n                  </Button>\n                )}\n                {canUpload && (\n                  <Button variant=\"ghost\" size=\"sm\" onClick={openUpload} disabled={disabled}>\n                    Upload instead\n                  </Button>\n                )}\n              </>\n            )}\n          </div>\n          {cameraText && !photo && <p className=\"text-center text-xs text-muted-foreground\">{cameraText}</p>}\n          {photo?.status === \"error\" && (\n            <p className=\"text-center text-xs text-destructive\">{photo.error ?? \"Couldn’t use this photo.\"}</p>\n          )}\n          {children}\n          {status}\n          {hiddenInputs}\n        </div>\n      );\n    }\n\n    return (\n      <div {...rootProps} className={cn(\"flex flex-col gap-3 outline-none\", className)}>\n        <div\n          onClick={(e) => {\n            if ((e.target as HTMLElement).closest(\"button\")) return;\n            if (canUpload) openUpload();\n          }}\n          className={cn(\n            \"flex flex-col items-center justify-center gap-2 rounded-xl border-2 border-dashed border-border bg-muted/40 px-6 py-6 text-center transition-colors\",\n            canUpload && !disabled && \"cursor-pointer hover:bg-muted/70\",\n            dragging && \"border-brand bg-brand-muted/50\",\n            disabled && \"opacity-50\",\n          )}\n        >\n          <span className=\"inline-flex size-10 items-center justify-center rounded-full bg-background text-muted-foreground shadow-sm [&_svg]:size-5\">\n            <ImageUp aria-hidden=\"true\" />\n          </span>\n          <p className=\"text-sm font-semibold text-foreground\">\n            {dragging ? \"Drop to attach\" : (label ?? (canPaste ? \"Drop an image or paste a screenshot\" : \"Drop an image\"))}\n          </p>\n          <p className=\"text-xs text-muted-foreground\">{hintText}</p>\n          {(canUpload || canCamera) && (\n            <div className=\"mt-1 flex flex-wrap items-center justify-center gap-2\">\n              {canUpload && (\n                <Button\n                  variant=\"secondary\"\n                  size=\"sm\"\n                  onClick={openUpload}\n                  disabled={disabled}\n                  data-visual-input-focus=\"\"\n                >\n                  {browseLabel}\n                </Button>\n              )}\n              {canCamera && (\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  leftIcon={<Camera className=\"size-4\" aria-hidden=\"true\" />}\n                  onClick={openCamera}\n                  disabled={disabled}\n                >\n                  {cameraLabel}\n                </Button>\n              )}\n            </div>\n          )}\n        </div>\n        {chips}\n        {children}\n        {status}\n        {hiddenInputs}\n      </div>\n    );\n  },\n);\nVisualInput.displayName = \"VisualInput\";\n"]}