@open-mercato/ui 0.6.4-develop.4199.1.86677441c2 → 0.6.4-develop.4210.1.d412061cfe

package/dist/backend/detail/AttachmentMetadataDialog.js

@@ -422,7 +422,7 @@ function AttachmentMetadataDialog({ open, onOpenChange, item, availableTags, onS
             onClick: () => setImageTab(tab),
             className: cn(
               "h-auto -mb-px rounded-none border-b-2 border-transparent px-0 py-1",
-              imageTab === tab ? "border-primary text-foreground" : "text-muted-foreground hover:text-foreground"
+              imageTab === tab ? "border-accent-indigo text-foreground" : "text-muted-foreground hover:text-foreground"
             ),
             children: tab === "preview" ? t("attachments.library.metadata.preview", "Preview") : t("attachments.library.metadata.resizeTool.title", "Generate resized URL")
           },

package/dist/backend/detail/AttachmentMetadataDialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/detail/AttachmentMetadataDialog.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { z } from 'zod'\nimport { Button } from '../../primitives/button'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { TagsInput } from '@open-mercato/ui/backend/inputs/TagsInput'\nimport { CrudForm, type CrudField, type CrudFormGroup } from '@open-mercato/ui/backend/CrudForm'\nimport { collectCustomFieldValues } from '@open-mercato/ui/backend/utils/customFieldValues'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Copy, Download, Trash2 } from 'lucide-react'\nimport { AttachmentContentPreview } from '@open-mercato/core/modules/attachments/components/AttachmentContentPreview'\nimport { buildAttachmentFileUrl, buildAttachmentImageUrl, slugifyAttachmentFileName } from '@open-mercato/core/modules/attachments/lib/imageUrls'\nimport { E } from '@open-mercato/core/generated-shims/entities.ids.generated'\n\nexport type AttachmentAssignment = {\n  type: string\n  id: string\n  href?: string | null\n  label?: string | null\n}\n\nexport type AttachmentItem = {\n  id: string\n  fileName: string\n  fileSize: number\n  mimeType?: string | null\n  partitionCode?: string | null\n  partitionTitle?: string | null\n  url?: string | null\n  createdAt?: string | null\n  tags?: string[]\n  assignments?: AttachmentAssignment[]\n  thumbnailUrl?: string\n  content?: string | null\n}\n\nexport type AssignmentDraft = {\n  type: string\n  id: string\n  href?: string\n  label?: string\n}\n\nexport type AttachmentMetadataSavePayload = {\n  tags: string[]\n  assignments: AssignmentDraft[]\n  customFields?: Record<string, unknown>\n}\n\ntype AttachmentMetadataResponse = {\n  item: {\n    id: string\n    fileName?: string\n    fileSize?: number\n    mimeType?: string | null\n    partitionCode?: string\n    partitionTitle?: string | null\n    tags?: string[]\n    content?: string | null\n    assignments?: AttachmentAssignment[]\n    customFields?: Record<string, unknown>\n  }\n  error?: string\n}\n\ntype AttachmentMetadataFormValues = {\n  id: string\n  tags?: string[]\n  assignments?: AssignmentDraft[]\n} & Record<string, unknown>\n\ntype AssignmentEditorLabels = {\n  title: string\n  description: string\n  type: string\n  id: string\n  href: string\n  label: string\n  add: string\n  remove: string\n}\n\ntype AttachmentMetadataDialogProps = {\n  open: boolean\n  onOpenChange: (next: boolean) => void\n  item: AttachmentItem | null\n  availableTags: string[]\n  onSave: (id: string, payload: AttachmentMetadataSavePayload) => Promise<void>\n}\n\nfunction formatFileSize(value: number): string {\n  if (!Number.isFinite(value)) return '\\u2014'\n  if (value <= 0) return '0 B'\n  const units = ['B', 'KB', 'MB', 'GB', 'TB']\n  let idx = 0\n  let current = value\n  while (current >= 1024 && idx < units.length - 1) {\n    current /= 1024\n    idx += 1\n  }\n  return `${current.toFixed(idx === 0 ? 0 : 1)} ${units[idx]}`\n}\n\nconst ENV_APP_URL = (process.env.NEXT_PUBLIC_APP_URL || '').replace(/\\/$/, '')\n\nfunction resolveAbsoluteUrl(path: string): string {\n  if (!path) return path\n  if (/^https?:\\/\\//i.test(path)) return path\n  const base =\n    ENV_APP_URL ||\n    (typeof window !== 'undefined' && window.location?.origin ? window.location.origin : '')\n  if (!base) return path\n  const normalizedBase = base.replace(/\\/$/, '')\n  return `${normalizedBase}${path.startsWith('/') ? path : `/${path}`}`\n}\n\nfunction normalizeCustomFieldSubmitValue(value: unknown): unknown {\n  if (Array.isArray(value)) {\n    return value.filter((entry) => entry !== undefined)\n  }\n  if (value === undefined) return null\n  return value\n}\n\nfunction prepareAssignmentsForForm(assignments?: AttachmentAssignment[] | null): AssignmentDraft[] {\n  return (assignments ?? []).map((assignment) => ({\n    type: assignment.type,\n    id: assignment.id,\n    href: assignment.href ?? '',\n    label: assignment.label ?? '',\n  }))\n}\n\nfunction prefixCustomFieldValues(values?: Record<string, unknown> | null): Record<string, unknown> {\n  if (!values) return {}\n  const prefixed: Record<string, unknown> = {}\n  Object.entries(values).forEach(([key, value]) => {\n    if (!key) return\n    if (key.startsWith('cf_')) {\n      prefixed[key] = value\n    } else if (key.startsWith('cf:')) {\n      const normalized = key.slice(3)\n      if (normalized) prefixed[`cf_${normalized}`] = value\n    } else {\n      prefixed[`cf_${key}`] = value\n    }\n  })\n  return prefixed\n}\n\nfunction AssignmentInputRow({\n  value,\n  onChange,\n  labels,\n  disabled,\n  onRemove,\n}: {\n  value: AssignmentDraft\n  onChange: (next: AssignmentDraft) => void\n  labels: AssignmentEditorLabels\n  disabled?: boolean\n  onRemove: () => void\n}) {\n  return (\n    <div className=\"grid grid-cols-1 gap-2 rounded-md border border-border/70 bg-background p-3 sm:grid-cols-2 lg:grid-cols-[1.2fr_1.2fr_1.6fr_1fr_auto]\">\n      <div className=\"space-y-1\">\n        <label className=\"text-xs font-medium\">{labels.type}</label>\n        <Input\n          value={value.type}\n          onChange={(event) => onChange({ ...value, type: event.target.value })}\n          placeholder=\"catalog.product\"\n          disabled={disabled}\n        />\n      </div>\n      <div className=\"space-y-1\">\n        <label className=\"text-xs font-medium\">{labels.id}</label>\n        <Input\n          value={value.id}\n          onChange={(event) => onChange({ ...value, id: event.target.value })}\n          placeholder=\"Record ID\"\n          disabled={disabled}\n        />\n      </div>\n      <div className=\"space-y-1\">\n        <label className=\"text-xs font-medium\">{labels.href}</label>\n        <Input\n          value={value.href ?? ''}\n          onChange={(event) => onChange({ ...value, href: event.target.value })}\n          placeholder=\"https://\"\n          disabled={disabled}\n        />\n      </div>\n      <div className=\"space-y-1\">\n        <label className=\"text-xs font-medium\">{labels.label}</label>\n        <Input\n          value={value.label ?? ''}\n          onChange={(event) => onChange({ ...value, label: event.target.value })}\n          placeholder=\"Optional label\"\n          disabled={disabled}\n        />\n      </div>\n      <div className=\"flex items-end\">\n        <Button type=\"button\" variant=\"ghost\" size=\"icon\" onClick={onRemove} disabled={disabled}>\n          <Trash2 className=\"h-4 w-4\" />\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nfunction AttachmentAssignmentsEditor({\n  value,\n  onChange,\n  labels,\n  disabled,\n}: {\n  value: AssignmentDraft[]\n  onChange: (next: AssignmentDraft[]) => void\n  labels: AssignmentEditorLabels\n  disabled?: boolean\n}) {\n  const handleAdd = React.useCallback(() => {\n    onChange([...value, { type: '', id: '', href: '', label: '' }])\n  }, [onChange, value])\n\n  const handleChange = React.useCallback(\n    (index: number, next: AssignmentDraft) => {\n      const draft = [...value]\n      draft[index] = next\n      onChange(draft)\n    },\n    [onChange, value],\n  )\n\n  const handleRemove = React.useCallback(\n    (index: number) => {\n      const next = value.filter((_, idx) => idx !== index)\n      onChange(next)\n    },\n    [onChange, value],\n  )\n\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"space-y-1\">\n        <div className=\"text-sm font-medium\">{labels.title}</div>\n        <p className=\"text-xs text-muted-foreground\">{labels.description}</p>\n      </div>\n      <div className=\"space-y-2\">\n        {value.length ? value.map((entry, idx) => (\n          <AssignmentInputRow\n            key={`${entry.type}-${entry.id}-${idx}`}\n            value={entry}\n            labels={labels}\n            disabled={disabled}\n            onChange={(next) => handleChange(idx, next)}\n            onRemove={() => handleRemove(idx)}\n          />\n        )) : (\n          <div className=\"rounded-md border border-dashed border-border/70 px-3 py-4 text-xs text-muted-foreground\">\n            {labels.description}\n          </div>\n        )}\n      </div>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={handleAdd} disabled={disabled}>\n        {labels.add}\n      </Button>\n    </div>\n  )\n}\n\nexport function AttachmentMetadataDialog({ open, onOpenChange, item, availableTags, onSave }: AttachmentMetadataDialogProps) {\n  const t = useT()\n  const [sizeWidth, setSizeWidth] = React.useState<string>('')\n  const [sizeHeight, setSizeHeight] = React.useState<string>('')\n  const [imageTab, setImageTab] = React.useState<'preview' | 'resize'>('preview')\n  const [initialValues, setInitialValues] = React.useState<Partial<AttachmentMetadataFormValues> | null>(null)\n  const [loading, setLoading] = React.useState(false)\n  const [loadError, setLoadError] = React.useState<string | null>(null)\n  const [extractedContent, setExtractedContent] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    if (!open || !item) {\n      setInitialValues(null)\n      setLoadError(null)\n      setLoading(false)\n      setImageTab('preview')\n      setExtractedContent(null)\n      return\n    }\n    let cancelled = false\n    setLoading(true)\n    setLoadError(null)\n    setSizeWidth('')\n    setSizeHeight('')\n    setImageTab('preview')\n    setInitialValues({\n      id: item.id,\n      tags: item.tags ?? [],\n      assignments: prepareAssignmentsForForm(item.assignments),\n    })\n    setExtractedContent(item.content && item.content.trim() ? item.content : null)\n    const loadDetails = async () => {\n      try {\n        const call = await apiCall<AttachmentMetadataResponse>(`/api/attachments/library/${encodeURIComponent(item.id)}`)\n        if (!call.ok || !call.result?.item) {\n          const message = call.result?.error || t('attachments.library.metadata.error', 'Failed to update metadata.')\n          throw new Error(message)\n        }\n        const payload = call.result.item\n        const prefixedCustom = prefixCustomFieldValues(payload.customFields)\n        if (!cancelled) {\n          setInitialValues({\n            id: payload.id,\n            tags: Array.isArray(payload.tags) ? payload.tags : [],\n            assignments: prepareAssignmentsForForm(payload.assignments ?? item.assignments),\n            ...prefixedCustom,\n          })\n          const nextContent = typeof payload.content === 'string' && payload.content.trim() ? payload.content : null\n          setExtractedContent(nextContent)\n        }\n      } catch (err: any) {\n        if (!cancelled) {\n          const message =\n            err?.message || t('attachments.library.metadata.loadError', 'Failed to load attachment metadata.')\n          setLoadError(message)\n        }\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n    void loadDetails()\n    return () => {\n      cancelled = true\n    }\n  }, [item, open, t])\n\n  const isImage = React.useMemo(() => Boolean(item?.mimeType?.toLowerCase().startsWith('image/')), [item])\n  const previewUrl = React.useMemo(() => {\n    if (!item) return null\n    return (\n      item.thumbnailUrl ??\n      buildAttachmentImageUrl(item.id, {\n        width: 320,\n        height: 320,\n        slug: slugifyAttachmentFileName(item.fileName),\n      })\n    )\n  }, [item])\n  const downloadUrl = React.useMemo(() => {\n    if (!item) return null\n    const original = buildAttachmentFileUrl(item.id, { download: true })\n    return resolveAbsoluteUrl(original)\n  }, [item])\n\n  const assignmentLabels = React.useMemo(\n    () => ({\n      title: t('attachments.library.metadata.assignments.title', 'Assignments'),\n      description: t(\n        'attachments.library.metadata.assignments.description',\n        'Add the records this attachment belongs to with optional links.',\n      ),\n      type: t('attachments.library.metadata.assignments.type', 'Type'),\n      id: t('attachments.library.metadata.assignments.id', 'Record ID'),\n      href: t('attachments.library.metadata.assignments.href', 'Link'),\n      label: t('attachments.library.metadata.assignments.label', 'Label'),\n      add: t('attachments.library.metadata.assignments.add', 'Add assignment'),\n      remove: t('attachments.library.metadata.assignments.remove', 'Remove'),\n    }),\n    [t],\n  )\n\n  const metadataFields = React.useMemo<CrudField[]>(() => {\n    return [\n      {\n        id: 'tags',\n        label: t('attachments.library.table.tags', 'Tags'),\n        type: 'custom',\n        component: ({ value, setValue, disabled }) => (\n          <TagsInput\n            value={Array.isArray(value) ? (value as string[]) : []}\n            onChange={(next) => setValue(next)}\n            suggestions={availableTags}\n            placeholder={t('attachments.library.metadata.tagsPlaceholder', 'Add tags')}\n            disabled={Boolean(disabled) || loading}\n          />\n        ),\n      },\n      {\n        id: 'assignments',\n        label: '',\n        type: 'custom',\n        component: ({ value, setValue, disabled }) => (\n          <AttachmentAssignmentsEditor\n            value={Array.isArray(value) ? (value as AssignmentDraft[]) : []}\n            onChange={(next) => setValue(next)}\n            labels={assignmentLabels}\n            disabled={Boolean(disabled) || loading}\n          />\n        ),\n      },\n    ]\n  }, [assignmentLabels, availableTags, loading, t])\n\n  const metadataGroups = React.useMemo<CrudFormGroup[]>(() => {\n    return [\n      {\n        id: 'details',\n        title: t('attachments.library.metadata.details', 'Details'),\n        column: 1,\n        fields: ['tags', 'assignments'],\n      },\n      {\n        id: 'customFields',\n        title: t('entities.customFields.title', 'Custom attributes'),\n        column: 2,\n        kind: 'customFields',\n      },\n    ]\n  }, [t])\n\n  const metadataSchema = React.useMemo(\n    () =>\n      z\n        .object({\n          id: z.string().min(1),\n          tags: z.array(z.string()).optional(),\n          assignments: z\n            .array(\n              z.object({\n                type: z.string().min(1),\n                id: z.string().min(1),\n                href: z.string().optional(),\n                label: z.string().optional(),\n              }),\n            )\n            .optional(),\n        })\n        .passthrough(),\n    [],\n  )\n\n  const handleSubmit = React.useCallback(\n    async (values: AttachmentMetadataFormValues) => {\n      if (!item) return\n      const tags = Array.isArray(values.tags)\n        ? values.tags.map((tag) => (typeof tag === 'string' ? tag.trim() : '')).filter((tag) => tag.length > 0)\n        : []\n      const assignments = Array.isArray(values.assignments)\n        ? values.assignments\n            .map((assignment) => ({\n              type: assignment.type?.trim() ?? '',\n              id: assignment.id?.trim() ?? '',\n              href: assignment.href?.trim() || undefined,\n              label: assignment.label?.trim() || undefined,\n            }))\n            .filter((assignment) => assignment.type && assignment.id)\n        : []\n      const customFields = collectCustomFieldValues(values, {\n        transform: (value) => normalizeCustomFieldSubmitValue(value),\n      })\n      const payload: AttachmentMetadataSavePayload = {\n        tags,\n        assignments,\n      }\n      if (Object.keys(customFields).length) {\n        payload.customFields = customFields\n      }\n      await onSave(item.id, payload)\n    },\n    [item, onSave],\n  )\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.preventDefault()\n        onOpenChange(false)\n      }\n    },\n    [onOpenChange],\n  )\n\n  const handleCopyResizedUrl = React.useCallback(async () => {\n    if (!item) return\n    const width = sizeWidth ? Number(sizeWidth) : undefined\n    const height = sizeHeight ? Number(sizeHeight) : undefined\n    if (!width && !height) {\n      flash(\n        t('attachments.library.metadata.resizeTool.missing', 'Enter width or height to generate the URL.'),\n        'error',\n      )\n      return\n    }\n    const url = buildAttachmentImageUrl(item.id, {\n      width: width && width > 0 ? width : undefined,\n      height: height && height > 0 ? height : undefined,\n      slug: slugifyAttachmentFileName(item.fileName),\n    })\n    const absolute = resolveAbsoluteUrl(url)\n    try {\n      await navigator.clipboard.writeText(absolute)\n      flash(\n        t('attachments.library.metadata.resizeTool.copied', 'Image URL copied.'),\n        'success',\n      )\n    } catch {\n      flash(\n        t('attachments.library.metadata.resizeTool.copyError', 'Unable to copy URL.'),\n        'error',\n      )\n    }\n  }, [item, sizeHeight, sizeWidth, t])\n\n  const loadMessage = t('attachments.library.metadata.loading', 'Loading attachment details\\u2026')\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"sm:max-w-2xl\" onKeyDown={handleKeyDown}>\n        <DialogHeader>\n          <DialogTitle>{t('attachments.library.metadata.title', 'Edit attachment metadata')}</DialogTitle>\n        </DialogHeader>\n        {item ? (\n          <div className=\"space-y-4\">\n            <div className=\"flex items-start justify-between gap-3\">\n              <div className=\"space-y-1 min-w-0\">\n                <div className=\"truncate text-sm font-medium\" title={item.fileName}>\n                  {item.fileName}\n                </div>\n                <div className=\"text-xs text-muted-foreground\">\n                  {formatFileSize(item.fileSize)} {'\\u2022'} {item.partitionTitle ?? item.partitionCode}\n                </div>\n              </div>\n              {downloadUrl ? (\n                <Button variant=\"outline\" size=\"sm\" asChild className=\"shrink-0\">\n                  <a href={downloadUrl} download>\n                    <Download className=\"mr-2 h-4 w-4\" />\n                    {t('attachments.library.metadata.download', 'Download')}\n                  </a>\n                </Button>\n              ) : null}\n            </div>\n            {isImage ? (\n              <div className=\"rounded border\">\n                <div className=\"flex flex-wrap gap-4 border-b px-3 py-2 text-sm font-medium\" role=\"tablist\">\n                  {(['preview', 'resize'] as const).map((tab) => (\n                    <Button\n                      key={tab}\n                      type=\"button\"\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      role=\"tab\"\n                      aria-selected={imageTab === tab}\n                      onClick={() => setImageTab(tab)}\n                      className={cn(\n                        'h-auto -mb-px rounded-none border-b-2 border-transparent px-0 py-1',\n                        imageTab === tab\n                          ? 'border-primary text-foreground'\n                          : 'text-muted-foreground hover:text-foreground',\n                      )}\n                    >\n                      {tab === 'preview'\n                        ? t('attachments.library.metadata.preview', 'Preview')\n                        : t('attachments.library.metadata.resizeTool.title', 'Generate resized URL')}\n                    </Button>\n                  ))}\n                </div>\n                <div className=\"space-y-3 p-3\">\n                  {imageTab === 'preview' ? (\n                    previewUrl ? (\n                      <img\n                        src={previewUrl}\n                        alt={item.fileName}\n                        className=\"h-48 w-full rounded-md bg-muted object-contain\"\n                      />\n                    ) : (\n                      <div className=\"text-sm text-muted-foreground\">\n                        {t('attachments.library.metadata.previewUnavailable', 'Preview unavailable.')}\n                      </div>\n                    )\n                  ) : (\n                    <div className=\"space-y-2\">\n                      <div className=\"grid gap-2 sm:grid-cols-2\">\n                        <div className=\"space-y-1\">\n                          <label className=\"text-xs font-medium\" htmlFor=\"resize-width\">\n                            {t('attachments.library.metadata.resizeTool.width', 'Width (px)')}\n                          </label>\n                          <Input\n                            id=\"resize-width\"\n                            type=\"number\"\n                            min={0}\n                            value={sizeWidth}\n                            onChange={(event) => setSizeWidth(event.target.value)}\n                            disabled={loading}\n                          />\n                        </div>\n                        <div className=\"space-y-1\">\n                          <label className=\"text-xs font-medium\" htmlFor=\"resize-height\">\n                            {t('attachments.library.metadata.resizeTool.height', 'Height (px)')}\n                          </label>\n                          <Input\n                            id=\"resize-height\"\n                            type=\"number\"\n                            min={0}\n                            value={sizeHeight}\n                            onChange={(event) => setSizeHeight(event.target.value)}\n                            disabled={loading}\n                          />\n                        </div>\n                      </div>\n                      <Button\n                        type=\"button\"\n                        variant=\"outline\"\n                        size=\"sm\"\n                        className=\"inline-flex items-center gap-2\"\n                        onClick={() => void handleCopyResizedUrl()}\n                        disabled={loading}\n                      >\n                        <Copy className=\"h-4 w-4\" />\n                        {t('attachments.library.metadata.resizeTool.copy', 'Copy URL')}\n                      </Button>\n                    </div>\n                  )}\n                </div>\n              </div>\n            ) : null}\n            {loadError ? (\n              <div className=\"rounded border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive\">\n                {loadError}\n              </div>\n            ) : null}\n            <div className=\"rounded border border-border/70 bg-muted/30 px-3 py-2\">\n              <div className=\"text-xs font-semibold text-muted-foreground\">\n                {t('attachments.library.metadata.extractedTitle', 'Extracted text')}\n              </div>\n              <AttachmentContentPreview\n                content={extractedContent}\n                emptyLabel={t('attachments.library.metadata.noContent', 'No text extracted')}\n                showMoreLabel={t('attachments.library.metadata.showMore', 'Show more')}\n                showLessLabel={t('attachments.library.metadata.showLess', 'Show less')}\n              />\n            </div>\n            <CrudForm<AttachmentMetadataFormValues>\n              embedded\n              schema={metadataSchema}\n              entityId={E.attachments.attachment}\n              fields={metadataFields}\n              groups={metadataGroups}\n              initialValues={initialValues ?? undefined}\n              isLoading={!initialValues || loading}\n              loadingMessage={loadMessage}\n              submitLabel={t('attachments.library.metadata.save', 'Save')}\n              extraActions={\n                <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)}>\n                  {t('attachments.library.metadata.cancel', 'Cancel')}\n                </Button>\n              }\n              onSubmit={handleSubmit}\n            />\n          </div>\n        ) : (\n          <div className=\"py-8 text-center text-sm text-muted-foreground\">\n            {t('attachments.library.metadata.noSelection', 'Select an attachment to edit.')}\n          </div>\n        )}\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { z } from 'zod'\nimport { Button } from '../../primitives/button'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { TagsInput } from '@open-mercato/ui/backend/inputs/TagsInput'\nimport { CrudForm, type CrudField, type CrudFormGroup } from '@open-mercato/ui/backend/CrudForm'\nimport { collectCustomFieldValues } from '@open-mercato/ui/backend/utils/customFieldValues'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Copy, Download, Trash2 } from 'lucide-react'\nimport { AttachmentContentPreview } from '@open-mercato/core/modules/attachments/components/AttachmentContentPreview'\nimport { buildAttachmentFileUrl, buildAttachmentImageUrl, slugifyAttachmentFileName } from '@open-mercato/core/modules/attachments/lib/imageUrls'\nimport { E } from '@open-mercato/core/generated-shims/entities.ids.generated'\n\nexport type AttachmentAssignment = {\n  type: string\n  id: string\n  href?: string | null\n  label?: string | null\n}\n\nexport type AttachmentItem = {\n  id: string\n  fileName: string\n  fileSize: number\n  mimeType?: string | null\n  partitionCode?: string | null\n  partitionTitle?: string | null\n  url?: string | null\n  createdAt?: string | null\n  tags?: string[]\n  assignments?: AttachmentAssignment[]\n  thumbnailUrl?: string\n  content?: string | null\n}\n\nexport type AssignmentDraft = {\n  type: string\n  id: string\n  href?: string\n  label?: string\n}\n\nexport type AttachmentMetadataSavePayload = {\n  tags: string[]\n  assignments: AssignmentDraft[]\n  customFields?: Record<string, unknown>\n}\n\ntype AttachmentMetadataResponse = {\n  item: {\n    id: string\n    fileName?: string\n    fileSize?: number\n    mimeType?: string | null\n    partitionCode?: string\n    partitionTitle?: string | null\n    tags?: string[]\n    content?: string | null\n    assignments?: AttachmentAssignment[]\n    customFields?: Record<string, unknown>\n  }\n  error?: string\n}\n\ntype AttachmentMetadataFormValues = {\n  id: string\n  tags?: string[]\n  assignments?: AssignmentDraft[]\n} & Record<string, unknown>\n\ntype AssignmentEditorLabels = {\n  title: string\n  description: string\n  type: string\n  id: string\n  href: string\n  label: string\n  add: string\n  remove: string\n}\n\ntype AttachmentMetadataDialogProps = {\n  open: boolean\n  onOpenChange: (next: boolean) => void\n  item: AttachmentItem | null\n  availableTags: string[]\n  onSave: (id: string, payload: AttachmentMetadataSavePayload) => Promise<void>\n}\n\nfunction formatFileSize(value: number): string {\n  if (!Number.isFinite(value)) return '\\u2014'\n  if (value <= 0) return '0 B'\n  const units = ['B', 'KB', 'MB', 'GB', 'TB']\n  let idx = 0\n  let current = value\n  while (current >= 1024 && idx < units.length - 1) {\n    current /= 1024\n    idx += 1\n  }\n  return `${current.toFixed(idx === 0 ? 0 : 1)} ${units[idx]}`\n}\n\nconst ENV_APP_URL = (process.env.NEXT_PUBLIC_APP_URL || '').replace(/\\/$/, '')\n\nfunction resolveAbsoluteUrl(path: string): string {\n  if (!path) return path\n  if (/^https?:\\/\\//i.test(path)) return path\n  const base =\n    ENV_APP_URL ||\n    (typeof window !== 'undefined' && window.location?.origin ? window.location.origin : '')\n  if (!base) return path\n  const normalizedBase = base.replace(/\\/$/, '')\n  return `${normalizedBase}${path.startsWith('/') ? path : `/${path}`}`\n}\n\nfunction normalizeCustomFieldSubmitValue(value: unknown): unknown {\n  if (Array.isArray(value)) {\n    return value.filter((entry) => entry !== undefined)\n  }\n  if (value === undefined) return null\n  return value\n}\n\nfunction prepareAssignmentsForForm(assignments?: AttachmentAssignment[] | null): AssignmentDraft[] {\n  return (assignments ?? []).map((assignment) => ({\n    type: assignment.type,\n    id: assignment.id,\n    href: assignment.href ?? '',\n    label: assignment.label ?? '',\n  }))\n}\n\nfunction prefixCustomFieldValues(values?: Record<string, unknown> | null): Record<string, unknown> {\n  if (!values) return {}\n  const prefixed: Record<string, unknown> = {}\n  Object.entries(values).forEach(([key, value]) => {\n    if (!key) return\n    if (key.startsWith('cf_')) {\n      prefixed[key] = value\n    } else if (key.startsWith('cf:')) {\n      const normalized = key.slice(3)\n      if (normalized) prefixed[`cf_${normalized}`] = value\n    } else {\n      prefixed[`cf_${key}`] = value\n    }\n  })\n  return prefixed\n}\n\nfunction AssignmentInputRow({\n  value,\n  onChange,\n  labels,\n  disabled,\n  onRemove,\n}: {\n  value: AssignmentDraft\n  onChange: (next: AssignmentDraft) => void\n  labels: AssignmentEditorLabels\n  disabled?: boolean\n  onRemove: () => void\n}) {\n  return (\n    <div className=\"grid grid-cols-1 gap-2 rounded-md border border-border/70 bg-background p-3 sm:grid-cols-2 lg:grid-cols-[1.2fr_1.2fr_1.6fr_1fr_auto]\">\n      <div className=\"space-y-1\">\n        <label className=\"text-xs font-medium\">{labels.type}</label>\n        <Input\n          value={value.type}\n          onChange={(event) => onChange({ ...value, type: event.target.value })}\n          placeholder=\"catalog.product\"\n          disabled={disabled}\n        />\n      </div>\n      <div className=\"space-y-1\">\n        <label className=\"text-xs font-medium\">{labels.id}</label>\n        <Input\n          value={value.id}\n          onChange={(event) => onChange({ ...value, id: event.target.value })}\n          placeholder=\"Record ID\"\n          disabled={disabled}\n        />\n      </div>\n      <div className=\"space-y-1\">\n        <label className=\"text-xs font-medium\">{labels.href}</label>\n        <Input\n          value={value.href ?? ''}\n          onChange={(event) => onChange({ ...value, href: event.target.value })}\n          placeholder=\"https://\"\n          disabled={disabled}\n        />\n      </div>\n      <div className=\"space-y-1\">\n        <label className=\"text-xs font-medium\">{labels.label}</label>\n        <Input\n          value={value.label ?? ''}\n          onChange={(event) => onChange({ ...value, label: event.target.value })}\n          placeholder=\"Optional label\"\n          disabled={disabled}\n        />\n      </div>\n      <div className=\"flex items-end\">\n        <Button type=\"button\" variant=\"ghost\" size=\"icon\" onClick={onRemove} disabled={disabled}>\n          <Trash2 className=\"h-4 w-4\" />\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nfunction AttachmentAssignmentsEditor({\n  value,\n  onChange,\n  labels,\n  disabled,\n}: {\n  value: AssignmentDraft[]\n  onChange: (next: AssignmentDraft[]) => void\n  labels: AssignmentEditorLabels\n  disabled?: boolean\n}) {\n  const handleAdd = React.useCallback(() => {\n    onChange([...value, { type: '', id: '', href: '', label: '' }])\n  }, [onChange, value])\n\n  const handleChange = React.useCallback(\n    (index: number, next: AssignmentDraft) => {\n      const draft = [...value]\n      draft[index] = next\n      onChange(draft)\n    },\n    [onChange, value],\n  )\n\n  const handleRemove = React.useCallback(\n    (index: number) => {\n      const next = value.filter((_, idx) => idx !== index)\n      onChange(next)\n    },\n    [onChange, value],\n  )\n\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"space-y-1\">\n        <div className=\"text-sm font-medium\">{labels.title}</div>\n        <p className=\"text-xs text-muted-foreground\">{labels.description}</p>\n      </div>\n      <div className=\"space-y-2\">\n        {value.length ? value.map((entry, idx) => (\n          <AssignmentInputRow\n            key={`${entry.type}-${entry.id}-${idx}`}\n            value={entry}\n            labels={labels}\n            disabled={disabled}\n            onChange={(next) => handleChange(idx, next)}\n            onRemove={() => handleRemove(idx)}\n          />\n        )) : (\n          <div className=\"rounded-md border border-dashed border-border/70 px-3 py-4 text-xs text-muted-foreground\">\n            {labels.description}\n          </div>\n        )}\n      </div>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={handleAdd} disabled={disabled}>\n        {labels.add}\n      </Button>\n    </div>\n  )\n}\n\nexport function AttachmentMetadataDialog({ open, onOpenChange, item, availableTags, onSave }: AttachmentMetadataDialogProps) {\n  const t = useT()\n  const [sizeWidth, setSizeWidth] = React.useState<string>('')\n  const [sizeHeight, setSizeHeight] = React.useState<string>('')\n  const [imageTab, setImageTab] = React.useState<'preview' | 'resize'>('preview')\n  const [initialValues, setInitialValues] = React.useState<Partial<AttachmentMetadataFormValues> | null>(null)\n  const [loading, setLoading] = React.useState(false)\n  const [loadError, setLoadError] = React.useState<string | null>(null)\n  const [extractedContent, setExtractedContent] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    if (!open || !item) {\n      setInitialValues(null)\n      setLoadError(null)\n      setLoading(false)\n      setImageTab('preview')\n      setExtractedContent(null)\n      return\n    }\n    let cancelled = false\n    setLoading(true)\n    setLoadError(null)\n    setSizeWidth('')\n    setSizeHeight('')\n    setImageTab('preview')\n    setInitialValues({\n      id: item.id,\n      tags: item.tags ?? [],\n      assignments: prepareAssignmentsForForm(item.assignments),\n    })\n    setExtractedContent(item.content && item.content.trim() ? item.content : null)\n    const loadDetails = async () => {\n      try {\n        const call = await apiCall<AttachmentMetadataResponse>(`/api/attachments/library/${encodeURIComponent(item.id)}`)\n        if (!call.ok || !call.result?.item) {\n          const message = call.result?.error || t('attachments.library.metadata.error', 'Failed to update metadata.')\n          throw new Error(message)\n        }\n        const payload = call.result.item\n        const prefixedCustom = prefixCustomFieldValues(payload.customFields)\n        if (!cancelled) {\n          setInitialValues({\n            id: payload.id,\n            tags: Array.isArray(payload.tags) ? payload.tags : [],\n            assignments: prepareAssignmentsForForm(payload.assignments ?? item.assignments),\n            ...prefixedCustom,\n          })\n          const nextContent = typeof payload.content === 'string' && payload.content.trim() ? payload.content : null\n          setExtractedContent(nextContent)\n        }\n      } catch (err: any) {\n        if (!cancelled) {\n          const message =\n            err?.message || t('attachments.library.metadata.loadError', 'Failed to load attachment metadata.')\n          setLoadError(message)\n        }\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n    void loadDetails()\n    return () => {\n      cancelled = true\n    }\n  }, [item, open, t])\n\n  const isImage = React.useMemo(() => Boolean(item?.mimeType?.toLowerCase().startsWith('image/')), [item])\n  const previewUrl = React.useMemo(() => {\n    if (!item) return null\n    return (\n      item.thumbnailUrl ??\n      buildAttachmentImageUrl(item.id, {\n        width: 320,\n        height: 320,\n        slug: slugifyAttachmentFileName(item.fileName),\n      })\n    )\n  }, [item])\n  const downloadUrl = React.useMemo(() => {\n    if (!item) return null\n    const original = buildAttachmentFileUrl(item.id, { download: true })\n    return resolveAbsoluteUrl(original)\n  }, [item])\n\n  const assignmentLabels = React.useMemo(\n    () => ({\n      title: t('attachments.library.metadata.assignments.title', 'Assignments'),\n      description: t(\n        'attachments.library.metadata.assignments.description',\n        'Add the records this attachment belongs to with optional links.',\n      ),\n      type: t('attachments.library.metadata.assignments.type', 'Type'),\n      id: t('attachments.library.metadata.assignments.id', 'Record ID'),\n      href: t('attachments.library.metadata.assignments.href', 'Link'),\n      label: t('attachments.library.metadata.assignments.label', 'Label'),\n      add: t('attachments.library.metadata.assignments.add', 'Add assignment'),\n      remove: t('attachments.library.metadata.assignments.remove', 'Remove'),\n    }),\n    [t],\n  )\n\n  const metadataFields = React.useMemo<CrudField[]>(() => {\n    return [\n      {\n        id: 'tags',\n        label: t('attachments.library.table.tags', 'Tags'),\n        type: 'custom',\n        component: ({ value, setValue, disabled }) => (\n          <TagsInput\n            value={Array.isArray(value) ? (value as string[]) : []}\n            onChange={(next) => setValue(next)}\n            suggestions={availableTags}\n            placeholder={t('attachments.library.metadata.tagsPlaceholder', 'Add tags')}\n            disabled={Boolean(disabled) || loading}\n          />\n        ),\n      },\n      {\n        id: 'assignments',\n        label: '',\n        type: 'custom',\n        component: ({ value, setValue, disabled }) => (\n          <AttachmentAssignmentsEditor\n            value={Array.isArray(value) ? (value as AssignmentDraft[]) : []}\n            onChange={(next) => setValue(next)}\n            labels={assignmentLabels}\n            disabled={Boolean(disabled) || loading}\n          />\n        ),\n      },\n    ]\n  }, [assignmentLabels, availableTags, loading, t])\n\n  const metadataGroups = React.useMemo<CrudFormGroup[]>(() => {\n    return [\n      {\n        id: 'details',\n        title: t('attachments.library.metadata.details', 'Details'),\n        column: 1,\n        fields: ['tags', 'assignments'],\n      },\n      {\n        id: 'customFields',\n        title: t('entities.customFields.title', 'Custom attributes'),\n        column: 2,\n        kind: 'customFields',\n      },\n    ]\n  }, [t])\n\n  const metadataSchema = React.useMemo(\n    () =>\n      z\n        .object({\n          id: z.string().min(1),\n          tags: z.array(z.string()).optional(),\n          assignments: z\n            .array(\n              z.object({\n                type: z.string().min(1),\n                id: z.string().min(1),\n                href: z.string().optional(),\n                label: z.string().optional(),\n              }),\n            )\n            .optional(),\n        })\n        .passthrough(),\n    [],\n  )\n\n  const handleSubmit = React.useCallback(\n    async (values: AttachmentMetadataFormValues) => {\n      if (!item) return\n      const tags = Array.isArray(values.tags)\n        ? values.tags.map((tag) => (typeof tag === 'string' ? tag.trim() : '')).filter((tag) => tag.length > 0)\n        : []\n      const assignments = Array.isArray(values.assignments)\n        ? values.assignments\n            .map((assignment) => ({\n              type: assignment.type?.trim() ?? '',\n              id: assignment.id?.trim() ?? '',\n              href: assignment.href?.trim() || undefined,\n              label: assignment.label?.trim() || undefined,\n            }))\n            .filter((assignment) => assignment.type && assignment.id)\n        : []\n      const customFields = collectCustomFieldValues(values, {\n        transform: (value) => normalizeCustomFieldSubmitValue(value),\n      })\n      const payload: AttachmentMetadataSavePayload = {\n        tags,\n        assignments,\n      }\n      if (Object.keys(customFields).length) {\n        payload.customFields = customFields\n      }\n      await onSave(item.id, payload)\n    },\n    [item, onSave],\n  )\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.preventDefault()\n        onOpenChange(false)\n      }\n    },\n    [onOpenChange],\n  )\n\n  const handleCopyResizedUrl = React.useCallback(async () => {\n    if (!item) return\n    const width = sizeWidth ? Number(sizeWidth) : undefined\n    const height = sizeHeight ? Number(sizeHeight) : undefined\n    if (!width && !height) {\n      flash(\n        t('attachments.library.metadata.resizeTool.missing', 'Enter width or height to generate the URL.'),\n        'error',\n      )\n      return\n    }\n    const url = buildAttachmentImageUrl(item.id, {\n      width: width && width > 0 ? width : undefined,\n      height: height && height > 0 ? height : undefined,\n      slug: slugifyAttachmentFileName(item.fileName),\n    })\n    const absolute = resolveAbsoluteUrl(url)\n    try {\n      await navigator.clipboard.writeText(absolute)\n      flash(\n        t('attachments.library.metadata.resizeTool.copied', 'Image URL copied.'),\n        'success',\n      )\n    } catch {\n      flash(\n        t('attachments.library.metadata.resizeTool.copyError', 'Unable to copy URL.'),\n        'error',\n      )\n    }\n  }, [item, sizeHeight, sizeWidth, t])\n\n  const loadMessage = t('attachments.library.metadata.loading', 'Loading attachment details\\u2026')\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"sm:max-w-2xl\" onKeyDown={handleKeyDown}>\n        <DialogHeader>\n          <DialogTitle>{t('attachments.library.metadata.title', 'Edit attachment metadata')}</DialogTitle>\n        </DialogHeader>\n        {item ? (\n          <div className=\"space-y-4\">\n            <div className=\"flex items-start justify-between gap-3\">\n              <div className=\"space-y-1 min-w-0\">\n                <div className=\"truncate text-sm font-medium\" title={item.fileName}>\n                  {item.fileName}\n                </div>\n                <div className=\"text-xs text-muted-foreground\">\n                  {formatFileSize(item.fileSize)} {'\\u2022'} {item.partitionTitle ?? item.partitionCode}\n                </div>\n              </div>\n              {downloadUrl ? (\n                <Button variant=\"outline\" size=\"sm\" asChild className=\"shrink-0\">\n                  <a href={downloadUrl} download>\n                    <Download className=\"mr-2 h-4 w-4\" />\n                    {t('attachments.library.metadata.download', 'Download')}\n                  </a>\n                </Button>\n              ) : null}\n            </div>\n            {isImage ? (\n              <div className=\"rounded border\">\n                <div className=\"flex flex-wrap gap-4 border-b px-3 py-2 text-sm font-medium\" role=\"tablist\">\n                  {(['preview', 'resize'] as const).map((tab) => (\n                    <Button\n                      key={tab}\n                      type=\"button\"\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      role=\"tab\"\n                      aria-selected={imageTab === tab}\n                      onClick={() => setImageTab(tab)}\n                      className={cn(\n                        'h-auto -mb-px rounded-none border-b-2 border-transparent px-0 py-1',\n                        imageTab === tab\n                          ? 'border-accent-indigo text-foreground'\n                          : 'text-muted-foreground hover:text-foreground',\n                      )}\n                    >\n                      {tab === 'preview'\n                        ? t('attachments.library.metadata.preview', 'Preview')\n                        : t('attachments.library.metadata.resizeTool.title', 'Generate resized URL')}\n                    </Button>\n                  ))}\n                </div>\n                <div className=\"space-y-3 p-3\">\n                  {imageTab === 'preview' ? (\n                    previewUrl ? (\n                      <img\n                        src={previewUrl}\n                        alt={item.fileName}\n                        className=\"h-48 w-full rounded-md bg-muted object-contain\"\n                      />\n                    ) : (\n                      <div className=\"text-sm text-muted-foreground\">\n                        {t('attachments.library.metadata.previewUnavailable', 'Preview unavailable.')}\n                      </div>\n                    )\n                  ) : (\n                    <div className=\"space-y-2\">\n                      <div className=\"grid gap-2 sm:grid-cols-2\">\n                        <div className=\"space-y-1\">\n                          <label className=\"text-xs font-medium\" htmlFor=\"resize-width\">\n                            {t('attachments.library.metadata.resizeTool.width', 'Width (px)')}\n                          </label>\n                          <Input\n                            id=\"resize-width\"\n                            type=\"number\"\n                            min={0}\n                            value={sizeWidth}\n                            onChange={(event) => setSizeWidth(event.target.value)}\n                            disabled={loading}\n                          />\n                        </div>\n                        <div className=\"space-y-1\">\n                          <label className=\"text-xs font-medium\" htmlFor=\"resize-height\">\n                            {t('attachments.library.metadata.resizeTool.height', 'Height (px)')}\n                          </label>\n                          <Input\n                            id=\"resize-height\"\n                            type=\"number\"\n                            min={0}\n                            value={sizeHeight}\n                            onChange={(event) => setSizeHeight(event.target.value)}\n                            disabled={loading}\n                          />\n                        </div>\n                      </div>\n                      <Button\n                        type=\"button\"\n                        variant=\"outline\"\n                        size=\"sm\"\n                        className=\"inline-flex items-center gap-2\"\n                        onClick={() => void handleCopyResizedUrl()}\n                        disabled={loading}\n                      >\n                        <Copy className=\"h-4 w-4\" />\n                        {t('attachments.library.metadata.resizeTool.copy', 'Copy URL')}\n                      </Button>\n                    </div>\n                  )}\n                </div>\n              </div>\n            ) : null}\n            {loadError ? (\n              <div className=\"rounded border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive\">\n                {loadError}\n              </div>\n            ) : null}\n            <div className=\"rounded border border-border/70 bg-muted/30 px-3 py-2\">\n              <div className=\"text-xs font-semibold text-muted-foreground\">\n                {t('attachments.library.metadata.extractedTitle', 'Extracted text')}\n              </div>\n              <AttachmentContentPreview\n                content={extractedContent}\n                emptyLabel={t('attachments.library.metadata.noContent', 'No text extracted')}\n                showMoreLabel={t('attachments.library.metadata.showMore', 'Show more')}\n                showLessLabel={t('attachments.library.metadata.showLess', 'Show less')}\n              />\n            </div>\n            <CrudForm<AttachmentMetadataFormValues>\n              embedded\n              schema={metadataSchema}\n              entityId={E.attachments.attachment}\n              fields={metadataFields}\n              groups={metadataGroups}\n              initialValues={initialValues ?? undefined}\n              isLoading={!initialValues || loading}\n              loadingMessage={loadMessage}\n              submitLabel={t('attachments.library.metadata.save', 'Save')}\n              extraActions={\n                <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)}>\n                  {t('attachments.library.metadata.cancel', 'Cancel')}\n                </Button>\n              }\n              onSubmit={handleSubmit}\n            />\n          </div>\n        ) : (\n          <div className=\"py-8 text-center text-sm text-muted-foreground\">\n            {t('attachments.library.metadata.noSelection', 'Select an attachment to edit.')}\n          </div>\n        )}\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/primitives/activity-feed.js

@@ -0,0 +1,196 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { AlertTriangle, CheckCircle2, Clock, Download, MessageCircle, Paperclip, XCircle } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+const ActivityFeed = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "ol",
+    {
+      ref,
+      "data-slot": "activity-feed",
+      className: cn("flex flex-col gap-3", className),
+      ...props
+    }
+  )
+);
+ActivityFeed.displayName = "ActivityFeed";
+const ActivityFeedItem = React.forwardRef(
+  ({ className, avatar, title, timestamp, actions, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "li",
+    {
+      ref,
+      "data-slot": "activity-feed-item",
+      className: cn("flex items-start gap-3", className),
+      ...props,
+      children: [
+        avatar ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-slot": "activity-feed-item-avatar",
+            className: "mt-0.5 inline-flex shrink-0 items-center justify-center",
+            children: avatar
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs("div", { "data-slot": "activity-feed-item-body", className: "flex min-w-0 flex-1 flex-col gap-2", children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "data-slot": "activity-feed-item-title",
+              className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-sm leading-6 text-foreground",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "font-semibold", children: title }),
+                timestamp ? /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "data-slot": "activity-feed-item-timestamp",
+                    className: "font-normal text-muted-foreground",
+                    children: timestamp
+                  }
+                ) : null
+              ]
+            }
+          ),
+          children ? /* @__PURE__ */ jsx("div", { "data-slot": "activity-feed-item-content", className: "flex flex-wrap gap-2", children }) : null
+        ] }),
+        actions ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "activity-feed-item-actions",
+            className: "ml-auto inline-flex shrink-0 items-start",
+            children: actions
+          }
+        ) : null
+      ]
+    }
+  )
+);
+ActivityFeedItem.displayName = "ActivityFeedItem";
+const ActivityFeedFileChip = React.forwardRef(
+  ({ className, name, size, onDownload, downloadAriaLabel = "Download", ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "activity-feed-file-chip",
+      className: cn(
+        "inline-flex items-center gap-2 rounded-md border border-input bg-background px-3 py-1.5 text-sm text-foreground shadow-xs",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Paperclip, { "aria-hidden": "true", className: "size-4 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: name }),
+        size ? /* @__PURE__ */ jsxs("span", { "data-slot": "activity-feed-file-chip-size", className: "text-muted-foreground", children: [
+          "(",
+          size,
+          ")"
+        ] }) : null,
+        onDownload ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-slot": "activity-feed-file-chip-download",
+            "aria-label": downloadAriaLabel,
+            onClick: onDownload,
+            className: cn(
+              "ml-1 inline-flex size-6 shrink-0 items-center justify-center rounded-md text-muted-foreground outline-none transition-colors",
+              "hover:bg-muted/40 hover:text-foreground focus-visible:shadow-focus"
+            ),
+            children: /* @__PURE__ */ jsx(Download, { "aria-hidden": "true", className: "size-3.5" })
+          }
+        ) : null
+      ]
+    }
+  )
+);
+ActivityFeedFileChip.displayName = "ActivityFeedFileChip";
+const ActivityFeedComment = React.forwardRef(
+  ({ className, icon, onReply, replyLabel = "Reply", children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "activity-feed-comment",
+      className: cn(
+        "inline-flex w-full items-center gap-2 rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground shadow-xs",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { "data-slot": "activity-feed-comment-icon", "aria-hidden": "true", className: "shrink-0", children: icon ?? /* @__PURE__ */ jsx(MessageCircle, { className: "size-4 text-muted-foreground" }) }),
+        /* @__PURE__ */ jsx("span", { "data-slot": "activity-feed-comment-body", className: "min-w-0 flex-1 truncate", children }),
+        onReply ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-slot": "activity-feed-comment-reply",
+            onClick: onReply,
+            className: cn(
+              "shrink-0 rounded-md text-sm font-medium text-accent-indigo outline-none transition-colors",
+              "hover:text-accent-indigo/80 focus-visible:shadow-focus"
+            ),
+            children: replyLabel
+          }
+        ) : null
+      ]
+    }
+  )
+);
+ActivityFeedComment.displayName = "ActivityFeedComment";
+const STATUS_ICON_MAP = {
+  success: CheckCircle2,
+  warning: AlertTriangle,
+  info: Clock,
+  error: XCircle,
+  neutral: Clock
+};
+const STATUS_TONE_MAP = {
+  // Icons keep the semantic color; chip surface stays neutral so the
+  // visual emphasis sits with the icon (matches Figma `Task Status
+  // Items [1.1]` — chips are bordered white pills, the status lives
+  // in the icon color).
+  success: "text-status-success-icon",
+  warning: "text-status-warning-icon",
+  info: "text-status-info-icon",
+  error: "text-status-error-icon",
+  neutral: "text-muted-foreground"
+};
+const ActivityFeedStatusChip = React.forwardRef(
+  ({ className, status = "neutral", icon, children, ...props }, ref) => {
+    const Icon = STATUS_ICON_MAP[status];
+    const iconTone = STATUS_TONE_MAP[status];
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        "data-slot": "activity-feed-status-chip",
+        "data-status": status,
+        className: cn(
+          "inline-flex items-center gap-1.5 rounded-md border border-input bg-background px-2 py-1 text-sm font-medium text-foreground shadow-xs",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-slot": "activity-feed-status-chip-icon",
+              "aria-hidden": "true",
+              className: cn("inline-flex shrink-0 items-center justify-center", iconTone),
+              children: icon ?? /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", className: "size-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children })
+        ]
+      }
+    );
+  }
+);
+ActivityFeedStatusChip.displayName = "ActivityFeedStatusChip";
+export {
+  ActivityFeed,
+  ActivityFeedComment,
+  ActivityFeedFileChip,
+  ActivityFeedItem,
+  ActivityFeedStatusChip
+};
+//# sourceMappingURL=activity-feed.js.map

package/dist/primitives/activity-feed.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/activity-feed.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { AlertTriangle, CheckCircle2, Clock, Download, MessageCircle, Paperclip, XCircle } from 'lucide-react'\n\nimport { cn } from '@open-mercato/shared/lib/utils'\n\n/**\n * Chronological activity / audit timeline primitive \u2014 list of actor\n * actions (who did what, when) with optional inline objects and\n * indented attachment / comment / status rows beneath each entry.\n *\n * Compound API:\n *   <ActivityFeed>                  \u2014 root list container.\n *   <ActivityFeedItem>              \u2014 single entry. Slots:\n *                                       `avatar` (left, size-7 ~28px),\n *                                       `title`  (actor + verb + inline\n *                                                object \u2014 ReactNode so\n *                                                consumers can mix bold\n *                                                actor names with muted\n *                                                verbs and inline chips),\n *                                       `timestamp` (rendered as\n *                                                muted suffix text \u2014\n *                                                no separator glyph),\n *                                       `actions` (right slot \u2014 typically\n *                                                a `MoreHorizontal`\n *                                                IconButton),\n *                                       `children` (indented attachment\n *                                                / comment / status row\n *                                                below the title).\n *   <ActivityFeedFileChip>          \u2014 paperclip + filename + size +\n *                                     optional download button. Used\n *                                     inline in the title or in the\n *                                     indented attachment row below.\n *   <ActivityFeedComment>           \u2014 comment card (avatar + body +\n *                                     Reply link). Indented attachment\n *                                     style \u2014 render as a child of\n *                                     `ActivityFeedItem`.\n *   <ActivityFeedStatusChip>        \u2014 semantic status pill (success /\n *                                     warning / info / error /\n *                                     neutral). Used inline in the\n *                                     title for short statuses\n *                                     (\"Pending review\", \"Approved\")\n *                                     or stacked in the indented row.\n *\n * Figma source: DS Open Mercato `Activity Feed` page (`164611:26451`)\n * \u2014 `Activity Feed [1.1]` (`166035:46833`, 5 entry variants: plain,\n * file attachments, comment, avatar stack, task-status pills);\n * `Activity Feed File Items [1.1]` (`165967:4028`); `Activity Feed\n * Comment Items [1.1]` (`166017:612`); `Activity Feed Task Status\n * Items [1.1]` (`166035:47290`, 4 statuses: success / warning /\n * info / error). Assembled example: `166707:8700`.\n *\n * ```tsx\n * <ActivityFeed>\n *   <ActivityFeedItem\n *     avatar={<Avatar label=\"Wei Chen\" size=\"sm\" />}\n *     title={<>Wei Chen <span className=\"text-muted-foreground font-normal\">uploaded</span> <strong>Q2 financial report</strong></>}\n *     timestamp=\"4 min ago\"\n *     actions={<IconButton variant=\"ghost\" size=\"sm\" aria-label=\"More\"><MoreHorizontal /></IconButton>}\n *   >\n *     <ActivityFeedFileChip name=\"apex-report.pdf\" size=\"4mb\" onDownload={() => {}} />\n *   </ActivityFeedItem>\n *\n *   <ActivityFeedItem\n *     avatar={<Avatar label=\"Laura Perez\" size=\"sm\" />}\n *     title={<>Laura Perez <span className=\"text-muted-foreground font-normal\">requested changes</span> <ActivityFeedStatusChip status=\"error\">Needs revision</ActivityFeedStatusChip></>}\n *     timestamp=\"6 days ago\"\n *   >\n *     <ActivityFeedComment onReply={() => {}}>\n *       Please revise the risk metrics and review portfolio allocations.\n *     </ActivityFeedComment>\n *   </ActivityFeedItem>\n * </ActivityFeed>\n * ```\n */\n\nexport type ActivityFeedProps = React.HTMLAttributes<HTMLOListElement>\n\nconst ActivityFeed = React.forwardRef<HTMLOListElement, ActivityFeedProps>(\n  ({ className, ...props }, ref) => (\n    <ol\n      ref={ref}\n      data-slot=\"activity-feed\"\n      className={cn('flex flex-col gap-3', className)}\n      {...props}\n    />\n  ),\n)\nActivityFeed.displayName = 'ActivityFeed'\n\nexport type ActivityFeedItemProps = Omit<React.HTMLAttributes<HTMLLIElement>, 'title'> & {\n  /** Left slot \u2014 typically an `Avatar` at `size=\"sm\"` (28px). */\n  avatar?: React.ReactNode\n  /** Headline row \u2014 actor + verb + inline object. Pass a ReactNode so\n   * consumers can mix bold actor names with muted verbs and inline\n   * chips (`ActivityFeedFileChip`, `ActivityFeedStatusChip`). */\n  title: React.ReactNode\n  /** Relative time string (e.g. `\"4 min ago\"`). Rendered as a muted\n   * suffix on the title row \u2014 the wrapping `gap-x-2` provides the\n   * visual separation from the title, no separator glyph is used. */\n  timestamp?: React.ReactNode\n  /** Right slot \u2014 typically a `MoreHorizontal` IconButton trigger. */\n  actions?: React.ReactNode\n}\n\nconst ActivityFeedItem = React.forwardRef<HTMLLIElement, ActivityFeedItemProps>(\n  ({ className, avatar, title, timestamp, actions, children, ...props }, ref) => (\n    <li\n      ref={ref}\n      data-slot=\"activity-feed-item\"\n      className={cn('flex items-start gap-3', className)}\n      {...props}\n    >\n      {avatar ? (\n        <span\n          data-slot=\"activity-feed-item-avatar\"\n          className=\"mt-0.5 inline-flex shrink-0 items-center justify-center\"\n        >\n          {avatar}\n        </span>\n      ) : null}\n      <div data-slot=\"activity-feed-item-body\" className=\"flex min-w-0 flex-1 flex-col gap-2\">\n        <div\n          data-slot=\"activity-feed-item-title\"\n          className=\"flex flex-wrap items-center gap-x-2 gap-y-1 text-sm leading-6 text-foreground\"\n        >\n          <span className=\"font-semibold\">{title}</span>\n          {timestamp ? (\n            <span\n              data-slot=\"activity-feed-item-timestamp\"\n              className=\"font-normal text-muted-foreground\"\n            >\n              {timestamp}\n            </span>\n          ) : null}\n        </div>\n        {children ? (\n          <div data-slot=\"activity-feed-item-content\" className=\"flex flex-wrap gap-2\">\n            {children}\n          </div>\n        ) : null}\n      </div>\n      {actions ? (\n        <div\n          data-slot=\"activity-feed-item-actions\"\n          className=\"ml-auto inline-flex shrink-0 items-start\"\n        >\n          {actions}\n        </div>\n      ) : null}\n    </li>\n  ),\n)\nActivityFeedItem.displayName = 'ActivityFeedItem'\n\nexport type ActivityFeedFileChipProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n  /** Filename rendered after the paperclip icon (e.g. `\"apex-report.pdf\"`). */\n  name: React.ReactNode\n  /** Optional size badge in muted text (e.g. `\"4mb\"`). */\n  size?: React.ReactNode\n  /** Click handler for the trailing download icon-button. When omitted\n   * the download button is not rendered. */\n  onDownload?: () => void\n  /** Accessible label for the download button. Default `\"Download\"`. */\n  downloadAriaLabel?: string\n}\n\nconst ActivityFeedFileChip = React.forwardRef<HTMLDivElement, ActivityFeedFileChipProps>(\n  (\n    { className, name, size, onDownload, downloadAriaLabel = 'Download', ...props },\n    ref,\n  ) => (\n    <div\n      ref={ref}\n      data-slot=\"activity-feed-file-chip\"\n      className={cn(\n        'inline-flex items-center gap-2 rounded-md border border-input bg-background px-3 py-1.5 text-sm text-foreground shadow-xs',\n        className,\n      )}\n      {...props}\n    >\n      <Paperclip aria-hidden=\"true\" className=\"size-4 shrink-0 text-muted-foreground\" />\n      <span className=\"truncate font-medium\">{name}</span>\n      {size ? (\n        <span data-slot=\"activity-feed-file-chip-size\" className=\"text-muted-foreground\">\n          ({size})\n        </span>\n      ) : null}\n      {onDownload ? (\n        <button\n          type=\"button\"\n          data-slot=\"activity-feed-file-chip-download\"\n          aria-label={downloadAriaLabel}\n          onClick={onDownload}\n          className={cn(\n            'ml-1 inline-flex size-6 shrink-0 items-center justify-center rounded-md text-muted-foreground outline-none transition-colors',\n            'hover:bg-muted/40 hover:text-foreground focus-visible:shadow-focus',\n          )}\n        >\n          <Download aria-hidden=\"true\" className=\"size-3.5\" />\n        </button>\n      ) : null}\n    </div>\n  ),\n)\nActivityFeedFileChip.displayName = 'ActivityFeedFileChip'\n\nexport type ActivityFeedCommentProps = React.HTMLAttributes<HTMLDivElement> & {\n  /** Optional leading icon. Default: speech bubble (`MessageCircle`). */\n  icon?: React.ReactNode\n  /** Click handler for the trailing `Reply` link. When omitted no\n   * Reply button is rendered. */\n  onReply?: () => void\n  /** Custom label for the reply affordance. Default `\"Reply\"`. */\n  replyLabel?: React.ReactNode\n}\n\nconst ActivityFeedComment = React.forwardRef<HTMLDivElement, ActivityFeedCommentProps>(\n  ({ className, icon, onReply, replyLabel = 'Reply', children, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"activity-feed-comment\"\n      className={cn(\n        'inline-flex w-full items-center gap-2 rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground shadow-xs',\n        className,\n      )}\n      {...props}\n    >\n      <span data-slot=\"activity-feed-comment-icon\" aria-hidden=\"true\" className=\"shrink-0\">\n        {icon ?? <MessageCircle className=\"size-4 text-muted-foreground\" />}\n      </span>\n      <span data-slot=\"activity-feed-comment-body\" className=\"min-w-0 flex-1 truncate\">\n        {children}\n      </span>\n      {onReply ? (\n        <button\n          type=\"button\"\n          data-slot=\"activity-feed-comment-reply\"\n          onClick={onReply}\n          className={cn(\n            'shrink-0 rounded-md text-sm font-medium text-accent-indigo outline-none transition-colors',\n            'hover:text-accent-indigo/80 focus-visible:shadow-focus',\n          )}\n        >\n          {replyLabel}\n        </button>\n      ) : null}\n    </div>\n  ),\n)\nActivityFeedComment.displayName = 'ActivityFeedComment'\n\nconst STATUS_ICON_MAP: Record<\n  'success' | 'warning' | 'info' | 'error' | 'neutral',\n  React.ComponentType<{ className?: string; 'aria-hidden'?: 'true' | 'false' }>\n> = {\n  success: CheckCircle2,\n  warning: AlertTriangle,\n  info: Clock,\n  error: XCircle,\n  neutral: Clock,\n}\n\nconst STATUS_TONE_MAP: Record<\n  'success' | 'warning' | 'info' | 'error' | 'neutral',\n  string\n> = {\n  // Icons keep the semantic color; chip surface stays neutral so the\n  // visual emphasis sits with the icon (matches Figma `Task Status\n  // Items [1.1]` \u2014 chips are bordered white pills, the status lives\n  // in the icon color).\n  success: 'text-status-success-icon',\n  warning: 'text-status-warning-icon',\n  info: 'text-status-info-icon',\n  error: 'text-status-error-icon',\n  neutral: 'text-muted-foreground',\n}\n\nexport type ActivityFeedStatusChipProps = Omit<\n  React.HTMLAttributes<HTMLSpanElement>,\n  'children'\n> & {\n  status?: 'success' | 'warning' | 'info' | 'error' | 'neutral'\n  /** Override the auto status icon. */\n  icon?: React.ReactNode\n  /** Chip label. */\n  children: React.ReactNode\n}\n\nconst ActivityFeedStatusChip = React.forwardRef<HTMLSpanElement, ActivityFeedStatusChipProps>(\n  ({ className, status = 'neutral', icon, children, ...props }, ref) => {\n    const Icon = STATUS_ICON_MAP[status]\n    const iconTone = STATUS_TONE_MAP[status]\n    return (\n      <span\n        ref={ref}\n        data-slot=\"activity-feed-status-chip\"\n        data-status={status}\n        className={cn(\n          'inline-flex items-center gap-1.5 rounded-md border border-input bg-background px-2 py-1 text-sm font-medium text-foreground shadow-xs',\n          className,\n        )}\n        {...props}\n      >\n        <span\n          data-slot=\"activity-feed-status-chip-icon\"\n          aria-hidden=\"true\"\n          className={cn('inline-flex shrink-0 items-center justify-center', iconTone)}\n        >\n          {icon ?? <Icon aria-hidden=\"true\" className=\"size-4\" />}\n        </span>\n        <span>{children}</span>\n      </span>\n    )\n  },\n)\nActivityFeedStatusChip.displayName = 'ActivityFeedStatusChip'\n\nexport {\n  ActivityFeed,\n  ActivityFeedItem,\n  ActivityFeedFileChip,\n  ActivityFeedComment,\n  ActivityFeedStatusChip,\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/primitives/avatar.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
@@ -35,31 +36,156 @@ function computeInitials(label) {
   const last = parts[parts.length - 1][0] ?? "";
   return (first + last).toUpperCase();
 }
-const Avatar = React.forwardRef(
-  ({ className, label, src, icon, size, variant, ariaLabel, ...rest }, ref) => {
-    const initials = React.useMemo(() => computeInitials(label), [label]);
+const AVATAR_STATUS_BG = {
+  online: "bg-status-success-icon",
+  offline: "bg-muted-foreground",
+  busy: "bg-status-error-icon",
+  away: "bg-status-warning-icon",
+  success: "bg-status-success-icon",
+  warning: "bg-status-warning-icon",
+  error: "bg-status-error-icon",
+  info: "bg-status-info-icon"
+};
+const AVATAR_STATUS_SIZE = {
+  xs: "size-1.5",
+  sm: "size-2",
+  md: "size-2.5",
+  lg: "size-3",
+  xl: "size-4"
+};
+const AVATAR_RING_CLASS = {
+  accent: "ring-2 ring-accent-indigo ring-offset-2 ring-offset-background",
+  success: "ring-2 ring-status-success-icon ring-offset-2 ring-offset-background",
+  warning: "ring-2 ring-status-warning-icon ring-offset-2 ring-offset-background",
+  error: "ring-2 ring-status-error-icon ring-offset-2 ring-offset-background",
+  muted: "ring-2 ring-input ring-offset-2 ring-offset-background"
+};
+const AvatarCircle = React.forwardRef(function AvatarCircle2({ className, label, src, icon, size, variant, ariaLabel, ...rest }, ref) {
+  const initials = React.useMemo(() => computeInitials(label), [label]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "img",
+      "aria-label": ariaLabel ?? label,
+      "data-slot": "avatar",
+      className: cn(avatarVariants({ size, variant }), className),
+      ...rest,
+      children: src ? /* @__PURE__ */ jsx("img", { src, alt: "", className: "size-full object-cover", "aria-hidden": "true" }) : icon ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "flex items-center justify-center [&>svg]:size-[55%]", children: icon }) : /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: initials })
+    }
+  );
+});
+const Avatar = React.forwardRef((props, ref) => {
+  const {
+    className,
+    label,
+    src,
+    icon,
+    size = "md",
+    variant,
+    ariaLabel,
+    status,
+    statusPosition = "bottom-right",
+    ring,
+    badge,
+    badgeClassName,
+    ...rest
+  } = props;
+  const resolvedRingTone = ring === true ? "accent" : ring || null;
+  const showStatus = status !== void 0;
+  const showBadge = badge !== void 0 && (statusPosition === "top-right" || !showStatus);
+  const showTopStatus = showStatus && statusPosition === "top-right" && !showBadge;
+  const showBottomStatus = showStatus && statusPosition === "bottom-right" && badge === void 0;
+  if (!showStatus && !showBadge && !resolvedRingTone) {
     return /* @__PURE__ */ jsx(
-      "div",
+      AvatarCircle,
       {
         ref,
-        role: "img",
-        "aria-label": ariaLabel ?? label,
-        className: cn(avatarVariants({ size, variant }), className),
-        ...rest,
-        children: src ? /* @__PURE__ */ jsx("img", { src, alt: "", className: "size-full object-cover", "aria-hidden": "true" }) : icon ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "flex items-center justify-center [&>svg]:size-[55%]", children: icon }) : /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: initials })
+        className,
+        label,
+        src,
+        icon,
+        size,
+        variant,
+        ariaLabel,
+        ...rest
       }
     );
   }
-);
+  const ringClass = resolvedRingTone ? AVATAR_RING_CLASS[resolvedRingTone] : "";
+  const statusSize = AVATAR_STATUS_SIZE[size ?? "md"];
+  const statusPositionClass = statusPosition === "top-right" ? "-right-0 -top-0 translate-x-1/4 -translate-y-1/4" : "-right-0 -bottom-0 translate-x-1/4 translate-y-1/4";
+  const badgePositionClass = "-right-0 -top-0 translate-x-1/4 -translate-y-1/4";
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-slot": "avatar-root",
+      className: cn("relative inline-flex shrink-0 rounded-full", ringClass),
+      children: [
+        /* @__PURE__ */ jsx(
+          AvatarCircle,
+          {
+            ref,
+            className,
+            label,
+            src,
+            icon,
+            size,
+            variant,
+            ariaLabel,
+            ...rest
+          }
+        ),
+        showBottomStatus || showTopStatus ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-slot": "avatar-status",
+            "data-status": status,
+            "data-position": statusPosition,
+            "aria-hidden": "true",
+            className: cn(
+              "absolute inline-block rounded-full ring-2 ring-background",
+              statusSize,
+              AVATAR_STATUS_BG[status],
+              statusPositionClass
+            )
+          }
+        ) : null,
+        showBadge ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-slot": "avatar-badge",
+            "aria-hidden": "true",
+            className: cn(
+              "absolute inline-flex items-center justify-center rounded-full ring-2 ring-background bg-background text-foreground",
+              // Default size ~40% of avatar; consumer overrides via badgeClassName.
+              size === "xs" || size === "sm" ? "size-3.5" : size === "md" ? "size-4" : size === "lg" ? "size-5" : "size-6",
+              badgePositionClass,
+              badgeClassName
+            ),
+            children: badge
+          }
+        ) : null
+      ]
+    }
+  );
+});
 Avatar.displayName = "Avatar";
 function AvatarStack({ children, max = 4, size = "md", className }) {
   const items = React.Children.toArray(children);
   const visible = items.slice(0, max);
   const overflow = items.length - max;
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center [&>*:not(:first-child)]:-ml-2 [&>*]:ring-2 [&>*]:ring-background", className), children: [
-    visible,
-    overflow > 0 && /* @__PURE__ */ jsx(Avatar, { label: `+${overflow}`, size, variant: "monochrome", className: "-ml-2" })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "avatar-stack",
+      className: cn("flex items-center [&>*:not(:first-child)]:-ml-2 [&>*]:ring-2 [&>*]:ring-background", className),
+      children: [
+        visible,
+        overflow > 0 && /* @__PURE__ */ jsx(Avatar, { label: `+${overflow}`, size, variant: "monochrome", className: "-ml-2" })
+      ]
+    }
+  );
 }
 export {
   Avatar,