@proteos/ui 0.31.0

package/dist/pdf-view-3ZMMS6ML.cjs

@@ -0,0 +1,95 @@
+'use strict';
+
+var chunkMWAXK66H_cjs = require('./chunk-MWAXK66H.cjs');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var reactPdf = require('react-pdf');
+var jsxRuntime = require('react/jsx-runtime');
+
+// url-asset:pdfjs-dist/build/pdf.worker.min.mjs?url
+var pdf_worker_min_default = "https://unpkg.com/pdfjs-dist@5.4.296/build/pdf.worker.min.mjs";
+if (!reactPdf.pdfjs.GlobalWorkerOptions.workerSrc) {
+  reactPdf.pdfjs.GlobalWorkerOptions.workerSrc = pdf_worker_min_default;
+}
+function PdfView({ name, src, onDownload }) {
+  const [pageCount, setPageCount] = react.useState(null);
+  const [pageNumber, setPageNumber] = react.useState(1);
+  const [loadError, setLoadError] = react.useState(false);
+  const scrollRef = react.useRef(null);
+  const [pageWidth, setPageWidth] = react.useState(null);
+  react.useEffect(() => {
+    const element = scrollRef.current;
+    if (!element) return;
+    const observer = new ResizeObserver(([entry]) => {
+      if (entry) setPageWidth(Math.floor(entry.contentRect.width));
+    });
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, []);
+  if (loadError) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full w-full items-center justify-center p-4", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-sans text-[13px] text-danger", children: "Could not display this PDF. Download it instead." }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full w-full flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: scrollRef, className: "min-h-0 flex-1 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+      reactPdf.Document,
+      {
+        file: src,
+        onLoadSuccess: ({ numPages }) => {
+          setPageCount(numPages);
+          setPageNumber(1);
+        },
+        onLoadError: () => setLoadError(true),
+        loading: /* @__PURE__ */ jsxRuntime.jsx(chunkMWAXK66H_cjs.Skeleton, { "aria-label": `Loading ${name}`, className: "h-full w-full rounded-none" }),
+        error: null,
+        children: pageWidth ? /* @__PURE__ */ jsxRuntime.jsx(
+          reactPdf.Page,
+          {
+            pageNumber,
+            width: pageWidth,
+            renderTextLayer: false,
+            renderAnnotationLayer: false
+          }
+        ) : null
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center justify-center gap-1.5 border-t border-rule bg-surface px-2 py-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkMWAXK66H_cjs.Button,
+        {
+          variant: "ghost",
+          size: "icon-sm",
+          "aria-label": "Previous page",
+          isDisabled: pageNumber <= 1,
+          onPress: () => setPageNumber((page) => Math.max(1, page - 1)),
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { "aria-hidden": true })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-14 text-center font-sans text-[12px] tabular-nums text-ink-3", children: pageCount ? `${pageNumber} / ${pageCount}` : "\u2013" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkMWAXK66H_cjs.Button,
+        {
+          variant: "ghost",
+          size: "icon-sm",
+          "aria-label": "Next page",
+          isDisabled: pageCount === null || pageNumber >= pageCount,
+          onPress: () => setPageNumber((page) => Math.min(pageCount ?? page, page + 1)),
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { "aria-hidden": true })
+        }
+      ),
+      onDownload ? /* @__PURE__ */ jsxRuntime.jsx(
+        chunkMWAXK66H_cjs.Button,
+        {
+          variant: "ghost",
+          size: "icon-sm",
+          "aria-label": `Download ${name}`,
+          onPress: onDownload,
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { "aria-hidden": true })
+        }
+      ) : null
+    ] })
+  ] });
+}
+
+module.exports = PdfView;
+//# sourceMappingURL=pdf-view-3ZMMS6ML.cjs.map
+//# sourceMappingURL=pdf-view-3ZMMS6ML.cjs.map

package/dist/pdf-view-3ZMMS6ML.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["url-asset:pdfjs-dist/build/pdf.worker.min.mjs?url","../src/components/file-viewer/pdf-view.tsx"],"names":["pdfjs","useState","useRef","useEffect","jsx","jsxs","Document","Skeleton","Page","Button","ChevronLeft","ChevronRight","Download"],"mappings":"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","file":"pdf-view-3ZMMS6ML.cjs","sourcesContent":["export default \"https://unpkg.com/pdfjs-dist@5.4.296/build/pdf.worker.min.mjs\"","import { ChevronLeft, ChevronRight, Download } from 'lucide-react'\nimport pdfWorkerUrl from 'pdfjs-dist/build/pdf.worker.min.mjs?url'\nimport { useEffect, useRef, useState } from 'react'\nimport { Document, Page, pdfjs } from 'react-pdf'\n\nimport { Button } from '../button/button'\nimport { Skeleton } from '../skeleton/skeleton'\n\n/* =========================================================================\n   PdfView — the FileViewer's PDF pane, backed by react-pdf (pdf.js).\n   Lazy-loaded by the FileViewer (default export) so pdf.js and its worker\n   stay out of the main bundle. Text/annotation layers are off: this is a\n   read-only preview and the layers would need pdf.js's own stylesheets,\n   which the token-based design system deliberately doesn't import.\n   ========================================================================= */\n\n// The worker must come from the SAME pdfjs-dist instance react-pdf renders\n// with (API/worker version mismatch throws). `?url` lets Vite emit it as an\n// asset and hand back the served URL. In the published dist build the `?url`\n// module is rewritten to a version-pinned CDN URL (see tsup.config.ts), and\n// the guard lets consumers pre-set their own workerSrc before this lazy\n// chunk loads.\nif (!pdfjs.GlobalWorkerOptions.workerSrc) {\n  pdfjs.GlobalWorkerOptions.workerSrc = pdfWorkerUrl\n}\n\nexport interface PdfViewProps {\n  name: string\n  /** Blob object URL of the PDF bytes. */\n  src: string\n  onDownload?: () => void\n}\n\nexport default function PdfView({ name, src, onDownload }: PdfViewProps) {\n  const [pageCount, setPageCount] = useState<number | null>(null)\n  const [pageNumber, setPageNumber] = useState(1)\n  const [loadError, setLoadError] = useState(false)\n\n  // Fit-width: render the page at the scroll area's current width.\n  const scrollRef = useRef<HTMLDivElement | null>(null)\n  const [pageWidth, setPageWidth] = useState<number | null>(null)\n  useEffect(() => {\n    const element = scrollRef.current\n    if (!element) return\n    const observer = new ResizeObserver(([entry]) => {\n      if (entry) setPageWidth(Math.floor(entry.contentRect.width))\n    })\n    observer.observe(element)\n    return () => observer.disconnect()\n  }, [])\n\n  if (loadError) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center p-4\">\n        <span className=\"font-sans text-[13px] text-danger\">\n          Could not display this PDF. Download it instead.\n        </span>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex h-full w-full flex-col\">\n      <div ref={scrollRef} className=\"min-h-0 flex-1 overflow-auto\">\n        <Document\n          file={src}\n          onLoadSuccess={({ numPages }) => {\n            setPageCount(numPages)\n            setPageNumber(1)\n          }}\n          onLoadError={() => setLoadError(true)}\n          loading={\n            <Skeleton aria-label={`Loading ${name}`} className=\"h-full w-full rounded-none\" />\n          }\n          error={null}\n        >\n          {pageWidth ? (\n            <Page\n              pageNumber={pageNumber}\n              width={pageWidth}\n              renderTextLayer={false}\n              renderAnnotationLayer={false}\n            />\n          ) : null}\n        </Document>\n      </div>\n      <div className=\"flex shrink-0 items-center justify-center gap-1.5 border-t border-rule bg-surface px-2 py-1\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          aria-label=\"Previous page\"\n          isDisabled={pageNumber <= 1}\n          onPress={() => setPageNumber((page) => Math.max(1, page - 1))}\n        >\n          <ChevronLeft aria-hidden />\n        </Button>\n        <span className=\"min-w-14 text-center font-sans text-[12px] tabular-nums text-ink-3\">\n          {pageCount ? `${pageNumber} / ${pageCount}` : '–'}\n        </span>\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          aria-label=\"Next page\"\n          isDisabled={pageCount === null || pageNumber >= pageCount}\n          onPress={() => setPageNumber((page) => Math.min(pageCount ?? page, page + 1))}\n        >\n          <ChevronRight aria-hidden />\n        </Button>\n        {onDownload ? (\n          <Button\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            aria-label={`Download ${name}`}\n            onPress={onDownload}\n          >\n            <Download aria-hidden />\n          </Button>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/pdf-view-BV5ZD6OC.js

@@ -0,0 +1,93 @@
+import { Skeleton, Button } from './chunk-IKAX76MB.js';
+import { ChevronLeft, ChevronRight, Download } from 'lucide-react';
+import { useState, useRef, useEffect } from 'react';
+import { pdfjs, Document, Page } from 'react-pdf';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// url-asset:pdfjs-dist/build/pdf.worker.min.mjs?url
+var pdf_worker_min_default = "https://unpkg.com/pdfjs-dist@5.4.296/build/pdf.worker.min.mjs";
+if (!pdfjs.GlobalWorkerOptions.workerSrc) {
+  pdfjs.GlobalWorkerOptions.workerSrc = pdf_worker_min_default;
+}
+function PdfView({ name, src, onDownload }) {
+  const [pageCount, setPageCount] = useState(null);
+  const [pageNumber, setPageNumber] = useState(1);
+  const [loadError, setLoadError] = useState(false);
+  const scrollRef = useRef(null);
+  const [pageWidth, setPageWidth] = useState(null);
+  useEffect(() => {
+    const element = scrollRef.current;
+    if (!element) return;
+    const observer = new ResizeObserver(([entry]) => {
+      if (entry) setPageWidth(Math.floor(entry.contentRect.width));
+    });
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, []);
+  if (loadError) {
+    return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center p-4", children: /* @__PURE__ */ jsx("span", { className: "font-sans text-[13px] text-danger", children: "Could not display this PDF. Download it instead." }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col", children: [
+    /* @__PURE__ */ jsx("div", { ref: scrollRef, className: "min-h-0 flex-1 overflow-auto", children: /* @__PURE__ */ jsx(
+      Document,
+      {
+        file: src,
+        onLoadSuccess: ({ numPages }) => {
+          setPageCount(numPages);
+          setPageNumber(1);
+        },
+        onLoadError: () => setLoadError(true),
+        loading: /* @__PURE__ */ jsx(Skeleton, { "aria-label": `Loading ${name}`, className: "h-full w-full rounded-none" }),
+        error: null,
+        children: pageWidth ? /* @__PURE__ */ jsx(
+          Page,
+          {
+            pageNumber,
+            width: pageWidth,
+            renderTextLayer: false,
+            renderAnnotationLayer: false
+          }
+        ) : null
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-center gap-1.5 border-t border-rule bg-surface px-2 py-1", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon-sm",
+          "aria-label": "Previous page",
+          isDisabled: pageNumber <= 1,
+          onPress: () => setPageNumber((page) => Math.max(1, page - 1)),
+          children: /* @__PURE__ */ jsx(ChevronLeft, { "aria-hidden": true })
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "min-w-14 text-center font-sans text-[12px] tabular-nums text-ink-3", children: pageCount ? `${pageNumber} / ${pageCount}` : "\u2013" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon-sm",
+          "aria-label": "Next page",
+          isDisabled: pageCount === null || pageNumber >= pageCount,
+          onPress: () => setPageNumber((page) => Math.min(pageCount ?? page, page + 1)),
+          children: /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": true })
+        }
+      ),
+      onDownload ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon-sm",
+          "aria-label": `Download ${name}`,
+          onPress: onDownload,
+          children: /* @__PURE__ */ jsx(Download, { "aria-hidden": true })
+        }
+      ) : null
+    ] })
+  ] });
+}
+
+export { PdfView as default };
+//# sourceMappingURL=pdf-view-BV5ZD6OC.js.map
+//# sourceMappingURL=pdf-view-BV5ZD6OC.js.map

package/dist/pdf-view-BV5ZD6OC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["url-asset:pdfjs-dist/build/pdf.worker.min.mjs?url","../src/components/file-viewer/pdf-view.tsx"],"names":[],"mappings":"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","file":"pdf-view-BV5ZD6OC.js","sourcesContent":["export default \"https://unpkg.com/pdfjs-dist@5.4.296/build/pdf.worker.min.mjs\"","import { ChevronLeft, ChevronRight, Download } from 'lucide-react'\nimport pdfWorkerUrl from 'pdfjs-dist/build/pdf.worker.min.mjs?url'\nimport { useEffect, useRef, useState } from 'react'\nimport { Document, Page, pdfjs } from 'react-pdf'\n\nimport { Button } from '../button/button'\nimport { Skeleton } from '../skeleton/skeleton'\n\n/* =========================================================================\n   PdfView — the FileViewer's PDF pane, backed by react-pdf (pdf.js).\n   Lazy-loaded by the FileViewer (default export) so pdf.js and its worker\n   stay out of the main bundle. Text/annotation layers are off: this is a\n   read-only preview and the layers would need pdf.js's own stylesheets,\n   which the token-based design system deliberately doesn't import.\n   ========================================================================= */\n\n// The worker must come from the SAME pdfjs-dist instance react-pdf renders\n// with (API/worker version mismatch throws). `?url` lets Vite emit it as an\n// asset and hand back the served URL. In the published dist build the `?url`\n// module is rewritten to a version-pinned CDN URL (see tsup.config.ts), and\n// the guard lets consumers pre-set their own workerSrc before this lazy\n// chunk loads.\nif (!pdfjs.GlobalWorkerOptions.workerSrc) {\n  pdfjs.GlobalWorkerOptions.workerSrc = pdfWorkerUrl\n}\n\nexport interface PdfViewProps {\n  name: string\n  /** Blob object URL of the PDF bytes. */\n  src: string\n  onDownload?: () => void\n}\n\nexport default function PdfView({ name, src, onDownload }: PdfViewProps) {\n  const [pageCount, setPageCount] = useState<number | null>(null)\n  const [pageNumber, setPageNumber] = useState(1)\n  const [loadError, setLoadError] = useState(false)\n\n  // Fit-width: render the page at the scroll area's current width.\n  const scrollRef = useRef<HTMLDivElement | null>(null)\n  const [pageWidth, setPageWidth] = useState<number | null>(null)\n  useEffect(() => {\n    const element = scrollRef.current\n    if (!element) return\n    const observer = new ResizeObserver(([entry]) => {\n      if (entry) setPageWidth(Math.floor(entry.contentRect.width))\n    })\n    observer.observe(element)\n    return () => observer.disconnect()\n  }, [])\n\n  if (loadError) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center p-4\">\n        <span className=\"font-sans text-[13px] text-danger\">\n          Could not display this PDF. Download it instead.\n        </span>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex h-full w-full flex-col\">\n      <div ref={scrollRef} className=\"min-h-0 flex-1 overflow-auto\">\n        <Document\n          file={src}\n          onLoadSuccess={({ numPages }) => {\n            setPageCount(numPages)\n            setPageNumber(1)\n          }}\n          onLoadError={() => setLoadError(true)}\n          loading={\n            <Skeleton aria-label={`Loading ${name}`} className=\"h-full w-full rounded-none\" />\n          }\n          error={null}\n        >\n          {pageWidth ? (\n            <Page\n              pageNumber={pageNumber}\n              width={pageWidth}\n              renderTextLayer={false}\n              renderAnnotationLayer={false}\n            />\n          ) : null}\n        </Document>\n      </div>\n      <div className=\"flex shrink-0 items-center justify-center gap-1.5 border-t border-rule bg-surface px-2 py-1\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          aria-label=\"Previous page\"\n          isDisabled={pageNumber <= 1}\n          onPress={() => setPageNumber((page) => Math.max(1, page - 1))}\n        >\n          <ChevronLeft aria-hidden />\n        </Button>\n        <span className=\"min-w-14 text-center font-sans text-[12px] tabular-nums text-ink-3\">\n          {pageCount ? `${pageNumber} / ${pageCount}` : '–'}\n        </span>\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          aria-label=\"Next page\"\n          isDisabled={pageCount === null || pageNumber >= pageCount}\n          onPress={() => setPageNumber((page) => Math.min(pageCount ?? page, page + 1))}\n        >\n          <ChevronRight aria-hidden />\n        </Button>\n        {onDownload ? (\n          <Button\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            aria-label={`Download ${name}`}\n            onPress={onDownload}\n          >\n            <Download aria-hidden />\n          </Button>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"]}

package/package.json

@@ -0,0 +1,96 @@
+{
+  "name": "@proteos/ui",
+  "version": "0.31.0",
+  "license": "FSL-1.1-Apache-2.0",
+  "description": "Proteos React component library (React Aria Components + Tailwind v4).",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/proteos-ai/ui.git"
+  },
+  "homepage": "https://github.com/proteos-ai/ui",
+  "bugs": "https://github.com/proteos-ai/ui/issues",
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./styles.css": "./src/styles.css"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": false
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0"
+  },
+  "dependencies": {
+    "@atlaskit/pragmatic-drag-and-drop": "^1.8.1",
+    "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
+    "@internationalized/date": "^3.10.0",
+    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-virtual": "^3.13.24",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.473.0",
+    "pdfjs-dist": "5.4.296",
+    "react-aria-components": "^1.17.0",
+    "react-pdf": "^10.4.1",
+    "tailwind-merge": "^3.5.0",
+    "tailwind-variants": "^3.2.2",
+    "tailwindcss": "^4.2.4",
+    "@proteos/sdk": "0.31.0"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^2.4.13",
+    "@storybook/addon-a11y": "^10.3.5",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
+    "@tailwindcss/vite": "^4.2.4",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "jsdom": "^29.0.2",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "storybook": "^10.3.5",
+    "tsup": "^8.3.0",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.10",
+    "vitest": "^3.2.4",
+    "@proteos/biome-config": "0.0.0",
+    "@proteos/tsconfig": "0.0.0"
+  },
+  "scripts": {
+    "lint": "biome check .",
+    "format": "biome format --write .",
+    "typecheck": "tsc -b",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "storybook": "storybook dev -p 6006",
+    "build": "tsc --noEmit && storybook build -o dist-storybook",
+    "build:lib": "tsup"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts"
+}

package/src/components/attachment-chip/attachment-chip.tsx

@@ -0,0 +1,129 @@
+import { Loader2 } from 'lucide-react'
+import type { ReactNode } from 'react'
+import { tv, type VariantProps } from 'tailwind-variants'
+
+import { cn } from '../../lib/cn'
+import { formatFileSize, iconForContentType } from '../file-field'
+
+/* =========================================================================
+   AttachmentChip — a small file token for chat composers and message
+   bubbles. A file-type icon (or a spinner while uploading), a truncated
+   name, the size (or upload state), and an optional (x) to remove. Pure
+   presentation: the consumer owns upload / remove / download.
+   ========================================================================= */
+
+export const attachmentChipStyles = tv({
+  base: [
+    'inline-flex items-center gap-1.5 max-w-[220px]',
+    'pl-2 pr-1 py-1 rounded-[6px] border',
+    'font-sans text-[12.5px] leading-none',
+  ],
+  variants: {
+    status: {
+      uploading: 'bg-surface-2 border-rule text-ink-3',
+      ready: 'bg-surface-2 border-rule text-ink',
+      error: 'bg-surface-2 border-danger text-danger',
+    },
+    isInteractive: {
+      true: 'cursor-pointer hover:bg-surface-3',
+      false: '',
+    },
+  },
+  defaultVariants: { status: 'ready', isInteractive: false },
+})
+
+export type AttachmentChipVariants = VariantProps<typeof attachmentChipStyles>
+
+export interface AttachmentChipProps {
+  /** File name shown (truncated). */
+  name: string
+  /** Size in bytes — rendered when known and the chip is in the `ready` state. */
+  sizeInBytes?: number
+  /** MIME type — picks the leading file-type icon. */
+  contentType?: string
+  /** Upload lifecycle: spinner while `uploading`, danger styling on `error`. */
+  status?: 'uploading' | 'ready' | 'error'
+  /** Tooltip text and the meta line shown in the `error` state (the failure reason). */
+  errorMessage?: string
+  /** When set, an (x) button is shown that calls this. */
+  onRemove?: () => void
+  /** When set, the chip body is pressable (e.g. to download an agent file). */
+  onPress?: () => void
+  className?: string
+}
+
+export function AttachmentChip({
+  name,
+  sizeInBytes,
+  contentType,
+  status = 'ready',
+  errorMessage,
+  onRemove,
+  onPress,
+  className,
+}: AttachmentChipProps) {
+  const Icon = status === 'uploading' ? Loader2 : iconForContentType(contentType)
+  const meta =
+    status === 'error'
+      ? (errorMessage ?? 'Failed')
+      : status === 'uploading'
+        ? 'Uploading…'
+        : formatFileSize(sizeInBytes)
+
+  const body: ReactNode = (
+    <>
+      <Icon
+        className={cn('size-3.5 shrink-0 text-ink-3', status === 'uploading' && 'animate-spin')}
+        aria-hidden
+      />
+      <span className="min-w-0 truncate">{name}</span>
+      {meta ? (
+        <span className={cn('shrink-0', status !== 'error' && 'text-ink-4')}>{meta}</span>
+      ) : null}
+    </>
+  )
+
+  return (
+    <span
+      className={cn(attachmentChipStyles({ status, isInteractive: Boolean(onPress) }), className)}
+      title={errorMessage ?? name}
+    >
+      {onPress ? (
+        <button
+          type="button"
+          onClick={onPress}
+          className="inline-flex min-w-0 cursor-pointer items-center gap-1.5 outline-none focus-visible:shadow-[var(--shadow-focus)]"
+        >
+          {body}
+        </button>
+      ) : (
+        <span className="inline-flex min-w-0 items-center gap-1.5">{body}</span>
+      )}
+      {onRemove ? (
+        <button
+          type="button"
+          aria-label={`Remove ${name}`}
+          onClick={(event) => {
+            event.stopPropagation()
+            onRemove()
+          }}
+          className={cn(
+            'inline-flex shrink-0 items-center justify-center',
+            'size-4 rounded-[3px]',
+            'cursor-pointer text-ink-3 hover:bg-surface-3 hover:text-ink',
+            'outline-none focus-visible:shadow-[var(--shadow-focus)]',
+          )}
+        >
+          <svg aria-hidden viewBox="0 0 10 10" className="size-2.5" fill="none">
+            <path
+              d="M2 2l6 6M8 2l-6 6"
+              stroke="currentColor"
+              strokeWidth="1.4"
+              strokeLinecap="round"
+            />
+          </svg>
+        </button>
+      ) : null}
+    </span>
+  )
+}

package/src/components/attachment-chip/index.ts

@@ -0,0 +1,2 @@
+export type { AttachmentChipProps, AttachmentChipVariants } from './attachment-chip'
+export { AttachmentChip, attachmentChipStyles } from './attachment-chip'

package/src/components/attribute-type-icon/attribute-type-icon.stories.tsx

@@ -0,0 +1,70 @@
+import type { Meta, StoryObj } from '@storybook/react-vite'
+
+import { type AttributeType, AttributeTypeIcon } from './attribute-type-icon'
+
+const meta: Meta<typeof AttributeTypeIcon> = {
+  title: 'Components/AttributeTypeIcon',
+  component: AttributeTypeIcon,
+  tags: ['autodocs'],
+  args: {
+    type: 'string',
+  },
+  argTypes: {
+    type: {
+      control: { type: 'inline-radio' },
+      options: ['string', 'number', 'integer', 'datetime', 'enum', 'boolean', 'array', 'object'],
+    },
+  },
+}
+
+export default meta
+type Story = StoryObj<typeof AttributeTypeIcon>
+
+export const Playground: Story = {}
+
+const ALL_TYPES: AttributeType[] = [
+  'string',
+  'number',
+  'integer',
+  'datetime',
+  'enum',
+  'boolean',
+  'array',
+  'object',
+]
+
+export const AllTypes: Story = {
+  parameters: { controls: { hideNoControlsWarning: true } },
+  render: () => (
+    <div className="grid grid-cols-4 gap-3">
+      {ALL_TYPES.map((t) => (
+        <div
+          key={t}
+          className="flex items-center gap-2 px-3 py-2 rounded-md border border-rule bg-surface"
+        >
+          <AttributeTypeIcon type={t} className="size-4 text-ink-3" />
+          <span className="font-mono text-[12px] text-ink-2">{t}</span>
+        </div>
+      ))}
+    </div>
+  ),
+}
+
+export const InChipContext: Story = {
+  parameters: { controls: { hideNoControlsWarning: true } },
+  render: () => (
+    <div className="flex flex-wrap items-center gap-2">
+      {ALL_TYPES.map((t) => (
+        <span
+          key={t}
+          className="inline-flex items-center gap-1.5 pl-2 pr-2.5 py-1 rounded-sm border border-rule bg-surface font-sans text-[12.5px] text-ink"
+        >
+          <span className="text-ink-3">
+            <AttributeTypeIcon type={t} />
+          </span>
+          {t === 'datetime' ? 'created at' : t === 'enum' ? 'status' : t}
+        </span>
+      ))}
+    </div>
+  ),
+}

package/src/components/attribute-type-icon/attribute-type-icon.tsx

@@ -0,0 +1,125 @@
+import {
+  Banknote,
+  BookText,
+  Braces,
+  Brackets,
+  Calendar,
+  CircleDot,
+  Hash,
+  Link2,
+  type LucideIcon,
+  type LucideProps,
+  Paperclip,
+  ToggleLeft,
+  Type,
+  User,
+} from 'lucide-react'
+import { cn } from '../../lib/cn'
+
+/* =========================================================================
+   AttributeTypeIcon — one lucide-react glyph per attribute type. Generic
+   over the lib so any attribute-aware UI (filter chips, attribute pickers,
+   schema editors, table headers, etc.) can render a consistent icon for
+   the same type without re-inventing the mapping.
+
+   Four exports:
+
+     - `AttributeType`         — the canonical union of attribute-type
+                                  literals.
+     - `ATTRIBUTE_TYPE_ICONS`  — `Record<AttributeType, LucideIcon>` for
+                                  direct lookups (e.g. when a consumer wants
+                                  the icon component itself, not a rendered
+                                  element).
+     - `useAttributeTypeIcon`  — hook returning the matching `LucideIcon`.
+                                  Useful when you need to compose the icon
+                                  into a different layout (sized via
+                                  parent's prop, wrapped in a button, etc.).
+     - `AttributeTypeIcon`     — convenience component with sane defaults
+                                  (`size-3.5`, `aria-hidden`,
+                                  `currentColor`).
+
+   Mapping
+     string    → Type        ("Aa" lowercase/uppercase glyph)
+     number    → Hash        ("#")
+     integer   → Hash        (same — they're conceptually one bucket)
+     datetime  → Calendar
+     enum      → CircleDot   (filled-center radio metaphor)
+     boolean   → ToggleLeft  (toggle switch)
+     array     → Brackets    ("[ ]")
+     object    → Braces      ("{ }")
+     relation  → Link2       (chain link — foreign-key reference)
+     user      → User        (person glyph — platform-user reference)
+     currency  → Banknote    (money — amount + currency_code)
+     knowledge-text → BookText (long text stored as a knowledge node)
+     file      → Paperclip   (attachment — stored-file reference)
+   ========================================================================= */
+
+/**
+ * Attribute-type values the design system knows how to render. Exported as a
+ * value (an enum-like const object) so consumers can both reference a single
+ * member by name (`AttributeType.String`) and iterate the full set
+ * (`Object.values(AttributeType)`) without re-declaring the list. The
+ * matching type — derived from this same object — keeps the union and the
+ * runtime list in lockstep: adding a member here surfaces it in every
+ * consumer (icon mapping, type picker, designer config) automatically.
+ */
+export const AttributeType = {
+  String: 'string',
+  Number: 'number',
+  Integer: 'integer',
+  Datetime: 'datetime',
+  Enum: 'enum',
+  Boolean: 'boolean',
+  Array: 'array',
+  Object: 'object',
+  Relation: 'relation',
+  User: 'user',
+  Currency: 'currency',
+  KnowledgeText: 'knowledge-text',
+  File: 'file',
+} as const
+export type AttributeType = (typeof AttributeType)[keyof typeof AttributeType]
+
+/** Iteration order for type pickers, dropdowns, etc. */
+export const ATTRIBUTE_TYPES: ReadonlyArray<AttributeType> = Object.values(AttributeType)
+
+export const ATTRIBUTE_TYPE_ICONS: Record<AttributeType, LucideIcon> = {
+  [AttributeType.String]: Type,
+  [AttributeType.Number]: Hash,
+  [AttributeType.Integer]: Hash,
+  [AttributeType.Datetime]: Calendar,
+  [AttributeType.Enum]: CircleDot,
+  [AttributeType.Boolean]: ToggleLeft,
+  [AttributeType.Array]: Brackets,
+  [AttributeType.Object]: Braces,
+  [AttributeType.Relation]: Link2,
+  [AttributeType.User]: User,
+  [AttributeType.Currency]: Banknote,
+  [AttributeType.KnowledgeText]: BookText,
+  [AttributeType.File]: Paperclip,
+}
+
+export function useAttributeTypeIcon(type: AttributeType): LucideIcon {
+  return ATTRIBUTE_TYPE_ICONS[type]
+}
+
+export type AttributeTypeIconProps = Omit<LucideProps, 'ref'> & {
+  type: AttributeType
+}
+
+export function AttributeTypeIcon({
+  type,
+  className,
+  strokeWidth,
+  ...props
+}: AttributeTypeIconProps) {
+  const Icon = useAttributeTypeIcon(type)
+  return (
+    <Icon
+      aria-hidden
+      strokeWidth={strokeWidth ?? 1.6}
+      className={cn('size-3.5', className)}
+      {...props}
+    />
+  )
+}

package/src/components/attribute-type-icon/index.ts

@@ -0,0 +1,8 @@
+export {
+  ATTRIBUTE_TYPE_ICONS,
+  ATTRIBUTE_TYPES,
+  AttributeType,
+  AttributeTypeIcon,
+  type AttributeTypeIconProps,
+  useAttributeTypeIcon,
+} from './attribute-type-icon'