@wix/himalaya-cli 0.1317.0 → 0.1319.0

package/templates/retail-store-owner/tier5-src/himi-owner-lite-aria/index.ts

@@ -28,7 +28,7 @@ import { defineService } from "@himalaya/state";
 import { open } from "@himalaya/open-url";
 import { writeText } from "@himalaya/clipboard";
 import { availability, recognizeOnce, stop as stopSpeech } from "@himalaya/speech";
-import { capturePhoto } from "@himalaya/camera";
+import { capturePhoto, pickDocument } from "@himalaya/camera";
 import { put } from "@himalaya/presigned-upload";
 import { alert } from "@himalaya/ui";
 import { auth } from "@himalaya/wix-platform";
@@ -250,12 +250,13 @@ const core = createAriaChat({
     widgetItemsUnavailable: () => copyParam("ownerAria.widget.itemsUnavailable", "Items aren't available here."),
     attachUploading: () => copyParam("ownerAria.attach.uploading", "Uploading…"),
     attachFailed: () => copyParam("ownerAria.attach.failed", "Couldn't upload"),
-    attachTooMany: (max) => copyTemplate("ownerAria.attach.tooMany", "You can attach up to {max} photos.", { max }),
+    attachTooMany: (max) => copyTemplate("ownerAria.attach.tooMany", "You can attach up to {max} files.", { max }),
     attachUnsupported: () => copyParam("ownerAria.attach.unsupported", "That file type can't be attached."),
-    attachTooLarge: (mb) => copyTemplate("ownerAria.attach.tooLarge", "That photo is too large to attach (up to {mb} MB).", { mb }),
-    attachWaitUploading: () => copyParam("ownerAria.attach.waitUploading", "Wait for your photo to finish uploading."),
-    attachWaitFailed: () => copyParam("ownerAria.attach.waitFailed", "Retry or remove the photo that didn't upload."),
-    attachNeedsText: () => copyParam("ownerAria.attach.needsText", "Add a message to send with your photo."),
+    attachTooLarge: (mb) => copyTemplate("ownerAria.attach.tooLarge", "That file is too large to attach (up to {mb} MB).", { mb }),
+    attachWaitUploading: () => copyParam("ownerAria.attach.waitUploading", "Wait for your file to finish uploading."),
+    attachWaitFailed: () => copyParam("ownerAria.attach.waitFailed", "Retry or remove the file that didn't upload."),
+    attachWaitRemove: () => copyParam("ownerAria.attach.waitRemove", "Remove the file that didn't upload, then add it again."),
+    attachNeedsText: () => copyParam("ownerAria.attach.needsText", "Add a message to send with your file."),
     toolFailed: () => copyParam("ownerAria.toolFailed", "Aria couldn't finish that. Try again."),
   },
   clientTools: { confirm: confirmWithOwner, userAgent },
@@ -305,6 +306,10 @@ const core = createAriaChat({
   // which go to a self-authorizing url with no Wix credential attached.
   attachments: {
     pick: async (source) => {
+      if (source === "document") {
+        const file = await pickDocument();
+        return file ? { dataUri: file.uri, name: file.name, mimeType: file.mime } : null;
+      }
       const asset = await capturePhoto({ source, maxEdgePixels: 2048 });
       return asset ? { dataUri: asset.uri, mimeType: asset.mime } : null;
     },
@@ -318,6 +323,92 @@ const core = createAriaChat({
   },
 });
 
+// Focused native TextFields keep their local non-empty edit rather than adopting
+// worker normalization (the shared shouldAdoptWorkerValue rule). Remember only
+// prefixes where THIS draft actually selected a reference, so later editor echoes and
+// the Form.message submission cannot restore those triggers into the wire text.
+// Email addresses and newly authored @ characters are never blanket-stripped.
+let mentionTriggerPrefixes: string[] = [];
+let pendingMentionTrigger: { rawPrefix: string; prefix: string } | null = null;
+let mentionDraftRevision = 0;
+let previousMentionRaw = "";
+// Set by a selection that consumed a typed trigger: the normalized draft the
+// worker now holds. A field that blurs adopts that value WITHOUT dispatching
+// typing, so the next keystroke is an edit of it, not of previousMentionRaw.
+// The first typing after a selection whose raw value is byte-identical to the
+// pre-selection one cannot be an edit of the focused raw text (nothing changed),
+// so it is read as an edit of the adopted draft: that field holds no consumed
+// marker any more, and a standalone @ there is a new trigger.
+let adoptedMentionDraft: string | null = null;
+function reconcileMentionDraft(raw: string): string {
+  // Move consumed trigger positions with an edit anywhere in the focused field.
+  // A replaced/deleted trigger loses its marker, so newly authored @ text stays literal.
+  let start = 0;
+  while (start < previousMentionRaw.length && start < raw.length && previousMentionRaw[start] === raw[start]) start += 1;
+  let suffix = 0;
+  while (suffix < previousMentionRaw.length - start && suffix < raw.length - start
+    && previousMentionRaw[previousMentionRaw.length - suffix - 1] === raw[raw.length - suffix - 1]) suffix += 1;
+  const end = previousMentionRaw.length - suffix;
+  const delta = raw.length - previousMentionRaw.length;
+  const move = (position: number): number | null => position < start ? position : position >= end ? position + delta : null;
+  mentionTriggerPrefixes = mentionTriggerPrefixes.flatMap(prefix => {
+    let position = move(prefix.length);
+    // A whole-draft replacement ("Ask @" → "New @") shares only whitespace and the @
+    // with the old text, so the common suffix lines the NEW @ up with the old marker.
+    // When every word before the marker was replaced, its context is gone: the @ is
+    // newly authored and must stay (and may open the picker again).
+    if (position !== null && start === 0 && prefix.length >= end && prefix.trim()
+      && !previousMentionRaw.slice(end, prefix.length).trim()) return [];
+    // Coalesced edits may add text on both sides of the marker. Keep it when
+    // its complete previous context still occurs exactly once in the new value.
+    if (position === null && prefix) {
+      const anchor = `${prefix}@`; const found = raw.indexOf(anchor);
+      if (found >= 0 && raw.indexOf(anchor, found + 1) < 0) position = found + prefix.length;
+    }
+    // A coalesced focused-field edit can replace context on both sides of a
+    // selected marker. If this is the sole consumed marker and the new draft
+    // has one standalone @, its position is unambiguous even without the old
+    // prefix. Email addresses and authored @suffixes are never candidates.
+    if (position === null && mentionTriggerPrefixes.length === 1) {
+      const candidates = [...raw.matchAll(/(^|\s)@(?=\s|$)/g)].map(match => match.index! + match[1].length);
+      if (candidates.length === 1) position = candidates[0];
+    }
+    // Only the standalone trigger that opened the picker is consumed. Adding
+    // a literal suffix (or joining it to the preceding word) authors ordinary
+    // @ text even when the focused editor retains the selected trigger.
+    const standalone = position !== null && raw[position] === "@"
+      && (position === 0 || /\s/.test(raw[position - 1]))
+      && (position + 1 === raw.length || /\s/.test(raw[position + 1]));
+    return standalone ? [raw.slice(0, position!)] : [];
+  });
+  if (pendingMentionTrigger) {
+    const position = move(pendingMentionTrigger.rawPrefix.length);
+    const standalone = position !== null && raw[position] === "@"
+      && (position === 0 || /\s/.test(raw[position - 1]))
+      && (position + 1 === raw.length || /\s/.test(raw[position + 1]));
+    pendingMentionTrigger = standalone
+      ? { rawPrefix: raw.slice(0, position!), prefix: raw.slice(0, position!) } : null;
+    if (pendingMentionTrigger) {
+      for (const prefix of [...mentionTriggerPrefixes].sort((a, b) => b.length - a.length)) {
+        if (prefix.length < pendingMentionTrigger.rawPrefix.length) pendingMentionTrigger.prefix = pendingMentionTrigger.prefix.slice(0, prefix.length) + pendingMentionTrigger.prefix.slice(prefix.length + 1);
+      }
+    }
+  }
+  previousMentionRaw = raw;
+  let text = raw;
+  for (const prefix of [...mentionTriggerPrefixes].sort((a, b) => b.length - a.length)) {
+    text = text.slice(0, prefix.length) + text.slice(prefix.length + 1);
+  }
+  return text;
+}
+function reconciledMentionArg(arg?: AriaActionArg): AriaActionArg | undefined {
+  if (typeof arg === "string") return reconcileMentionDraft(arg);
+  if (!arg) return arg;
+  const keys: Array<"message" | "text" | "value" | "intent" | "id"> = ["message", "text", "value", "intent", "id"];
+  const key = keys.find(k => typeof arg[k] === "string" && arg[k]);
+  return key ? { ...arg, [key]: reconcileMentionDraft(String(arg[key])) } : arg;
+}
+
 const svc = defineService<AriaChatState, {
   load: (s: AriaChatState, arg?: AriaActionArg) => Promise<AriaChatState>;
   submit: (s: AriaChatState, arg?: AriaActionArg) => Promise<AriaChatState>;
@@ -374,13 +465,51 @@ const svc = defineService<AriaChatState, {
   state: core.initialState,
   actions: {
     // `load` is the onAppear dispatch, so it is where the copy pack arrives.
-    load: (s, arg) => { stashCopy(arg); stashTargets(arg); stashRealtimeUrl(arg); return core.load(s); },
-    submit: core.submit,
-    submitPrompt: core.submitPrompt,
-    newChat: core.newChat,
+    load: (s, arg) => { mentionDraftRevision += 1; mentionTriggerPrefixes = []; pendingMentionTrigger = null; previousMentionRaw = ""; adoptedMentionDraft = null; stashCopy(arg); stashTargets(arg); stashRealtimeUrl(arg); return core.load(s); },
+    submit: async (s, arg) => {
+      const normalized = reconciledMentionArg(arg);
+      const previousPrefixes = mentionTriggerPrefixes; const previousTrigger = pendingMentionTrigger;
+      const revision = mentionDraftRevision;
+      const next = await core.submit(s, normalized);
+      // A refusal keeps this draft; a later keystroke/new-chat belongs to its own.
+      if (revision === mentionDraftRevision) {
+        if (next.input && next.input === s.input) { mentionTriggerPrefixes = previousPrefixes; pendingMentionTrigger = previousTrigger; }
+        else { mentionTriggerPrefixes = []; pendingMentionTrigger = null; previousMentionRaw = ""; adoptedMentionDraft = null; }
+      }
+      return next;
+    },
+    submitPrompt: async (s, arg) => {
+      const previousPrefixes = mentionTriggerPrefixes; const previousTrigger = pendingMentionTrigger;
+      const revision = mentionDraftRevision;
+      const next = await core.submitPrompt(s, arg);
+      if (revision === mentionDraftRevision) {
+        if (next.input && next.input === s.input) { mentionTriggerPrefixes = previousPrefixes; pendingMentionTrigger = previousTrigger; }
+        else { mentionTriggerPrefixes = []; pendingMentionTrigger = null; previousMentionRaw = ""; adoptedMentionDraft = null; }
+      }
+      return next;
+    },
+    newChat: (s) => { mentionDraftRevision += 1; mentionTriggerPrefixes = []; pendingMentionTrigger = null; previousMentionRaw = ""; adoptedMentionDraft = null; return core.newChat(s); },
     // The composer's onChange. Mirrors the draft into state so `submit` can
     // empty it and the field actually clears.
-    typing: core.typing,
+    typing: (s, arg) => {
+      mentionDraftRevision += 1;
+      const raw = typeof arg === "string" ? arg : ([arg?.value, arg?.text, arg?.message].find((v): v is string => typeof v === "string") ?? "");
+      if (adoptedMentionDraft !== null) {
+        if (raw === previousMentionRaw) { mentionTriggerPrefixes = []; previousMentionRaw = adoptedMentionDraft; }
+        adoptedMentionDraft = null;
+      }
+      const next = core.typing(s, { value: reconcileMentionDraft(raw) });
+      // A standalone @ asks for a reference; emails and embedded @ characters
+      // remain ordinary text. A successful selection consumes its trigger.
+      if (next.input !== s.input && /(?:^|\s)@$/.test(next.input) && !next.mention.openHidden) {
+        // Keep the fragment editable until a reference is selected. Cancelling
+        // the picker must not turn a literal @example.com into example.com.
+        pendingMentionTrigger = { rawPrefix: raw.slice(0, -1), prefix: next.input.slice(0, -1) };
+        void svc.mentionOpen();
+        return next;
+      }
+      return next;
+    },
     // Named by the `_poll` directive above. A name that does not resolve here is
     // a `poll-action-missing` error in `himi test --content`.
     tick: core.tick,
@@ -419,11 +548,23 @@ const svc = defineService<AriaChatState, {
     // chips above the composer. Every one is named by the descriptor, so every
     // one has to be exported here — see the note on the picker family above.
     mentionOpen: core.mentionOpen,
-    mentionClose: core.mentionClose,
+    mentionClose: (s) => { pendingMentionTrigger = null; return core.mentionClose(s); },
     mentionBack: core.mentionBack,
     mentionProvider: core.mentionProvider,
     mentionQuery: core.mentionQuery,
-    mentionPick: core.mentionPick,
+    mentionPick: (s, arg) => {
+      const next = core.mentionPick(s, arg);
+      const trigger = pendingMentionTrigger;
+      if (trigger && !s.mention.hidden && next.mention.hidden && next.input.startsWith(`${trigger.prefix}@`)) {
+        mentionDraftRevision += 1;
+        pendingMentionTrigger = null;
+        if (!mentionTriggerPrefixes.includes(trigger.rawPrefix)) mentionTriggerPrefixes.push(trigger.rawPrefix);
+        const normalized = next.input.slice(0, trigger.prefix.length) + next.input.slice(trigger.prefix.length + 1);
+        adoptedMentionDraft = normalized;
+        return core.typing(next, { value: normalized });
+      }
+      return next;
+    },
     mentionRemove: core.mentionRemove,
     // The composer's photos. `attachmentSettled` is dispatched by the upload
     // itself (see `attachments.settled` above), never by the descriptor.

package/templates/yoga-studio-owner/config.ts

@@ -37,7 +37,7 @@ export default defineApp({
     actions: "http://localhost:8190/v1/actions",
     sync: "http://localhost:8190/v1/sync",
   },
-  capabilities: ["live_activity","push","share","secure_storage","open_url","local_database","clipboard","ui","speech","camera","presigned_upload","app_info","biometrics"],
+  capabilities: ["live_activity","push","share","secure_storage","open_url","local_database","clipboard","ui","speech","camera","presigned_upload","app_info","biometrics","wix_platform"],
   designTokensPath: "./tokens.json",
   navigation: {
     "navKind": "responsive",

package/templates/yoga-studio-owner/dev/index.ts

@@ -61686,6 +61686,65 @@ const SCREENS = runtimeSetting({
                             },
                             {
                               "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "VStack",
+                                "props": {
+                                  "spacing": 4,
+                                  "children": [
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Icon",
+                                        "props": {
+                                          "name": "doc",
+                                          "size": 24,
+                                          "tint": "textSecondary"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "accessibilityRole": "decorative"
+                                      }
+                                    },
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Text",
+                                        "props": {
+                                          "text": "$item.name",
+                                          "style": "caption",
+                                          "color": "textPrimary",
+                                          "maxLines": 2
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "height": 44
+                                      }
+                                    },
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Text",
+                                        "props": {
+                                          "text": "$item.typeLabel",
+                                          "style": "caption",
+                                          "color": "textSecondary",
+                                          "maxLines": 1
+                                        }
+                                      }
+                                    }
+                                  ]
+                                }
+                              },
+                              "modifiers": {
+                                "hiddenPath": "$item.documentHidden"
+                              }
+                            },
+                            {
+                              "id": "himi_owner_lite_aria.attachment_status_$item.id",
                               "body": {
                                 "package": "himalaya",
                                 "type": "Text",
@@ -61697,6 +61756,7 @@ const SCREENS = runtimeSetting({
                                 }
                               },
                               "modifiers": {
+                                "height": 44,
                                 "hiddenPath": "$item.statusHidden"
                               }
                             },
@@ -61712,21 +61772,22 @@ const SCREENS = runtimeSetting({
                                       "id": "himi_owner_lite_aria.attachment_retry_$item.id",
                                       "body": {
                                         "package": "himalaya",
-                                        "type": "Text",
+                                        "type": "Button",
                                         "props": {
-                                          "text": "Retry",
-                                          "style": "caption",
-                                          "color": "accentPrimary",
-                                          "maxLines": 1
+                                          "title": "Retry",
+                                          "action": {
+                                            "actionId": "tier5.himiOwnerLiteAria.retryAttachment",
+                                            "params": {
+                                              "id": "$item.id"
+                                            }
+                                          },
+                                          "style": "tertiary",
+                                          "size": "sm"
                                         }
                                       },
                                       "modifiers": {
-                                        "onTap": {
-                                          "actionId": "tier5.himiOwnerLiteAria.retryAttachment",
-                                          "params": {
-                                            "id": "$item.id"
-                                          }
-                                        },
+                                        "width": 92,
+                                        "height": 48,
                                         "hiddenPath": "$item.retryHidden"
                                       }
                                     },
@@ -61734,32 +61795,51 @@ const SCREENS = runtimeSetting({
                                       "id": "himi_owner_lite_aria.attachment_remove_$item.id",
                                       "body": {
                                         "package": "himalaya",
-                                        "type": "Icon",
+                                        "type": "Button",
                                         "props": {
-                                          "name": "close",
-                                          "size": 14,
-                                          "tint": "textSecondary"
+                                          "title": "Remove attachment",
+                                          "action": {
+                                            "actionId": "tier5.himiOwnerLiteAria.removeAttachment",
+                                            "params": {
+                                              "id": "$item.id"
+                                            }
+                                          },
+                                          "style": "tertiary",
+                                          "iconOnly": true,
+                                          "leadingIcon": "close",
+                                          "cornerRadius": 24,
+                                          "minHeight": 48
                                         }
                                       },
                                       "modifiers": {
-                                        "onTap": {
-                                          "actionId": "tier5.himiOwnerLiteAria.removeAttachment",
-                                          "params": {
-                                            "id": "$item.id"
-                                          }
-                                        },
-                                        "accessibilityLabel": "Remove photo"
+                                        "width": 48,
+                                        "height": 48,
+                                        "accessibilityLabel": "Remove attachment",
+                                        "accessibilityRole": "button"
                                       }
                                     }
                                   ]
                                 }
+                              },
+                              "modifiers": {
+                                "height": 48
                               }
                             }
                           ]
                         }
                       },
                       "modifiers": {
-                        "width": 72
+                        "width": 160,
+                        "padding": {
+                          "top": 8,
+                          "bottom": 8,
+                          "leading": 8,
+                          "trailing": 8
+                        },
+                        "background": {
+                          "token": "surfaceSecondary"
+                        },
+                        "cornerRadius": 12
                       }
                     }
                   ]
@@ -61771,7 +61851,7 @@ const SCREENS = runtimeSetting({
                   "leading": 0,
                   "trailing": 0,
                   "top": 8,
-                  "bottom": 0
+                  "bottom": 8
                 }
               }
             },
@@ -61824,6 +61904,27 @@ const SCREENS = runtimeSetting({
                         },
                         "accessibilityLabel": "Take a photo"
                       }
+                    },
+                    {
+                      "id": "himi_owner_lite_aria.attach.document",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Icon",
+                        "props": {
+                          "name": "document",
+                          "size": 22,
+                          "tint": "accentPrimary"
+                        }
+                      },
+                      "modifiers": {
+                        "onTap": {
+                          "actionId": "tier5.himiOwnerLiteAria.attach",
+                          "params": {
+                            "source": "document"
+                          }
+                        },
+                        "accessibilityLabel": "Add files"
+                      }
                     }
                   ]
                 }

package/templates/yoga-studio-owner/tier5-src/_shared/aria-attachments.ts

@@ -27,6 +27,14 @@ export const ARIA_IMAGE_TYPES: readonly string[] = [
   "image/heic",
 ];
 
+/** Document MIME types supported by the native Aria reference. */
+export const ARIA_DOCUMENT_TYPES: readonly string[] = [
+  "text/csv", "text/plain", "application/pdf", "application/msword",
+  "application/vnd.ms-excel", "application/vnd.ms-powerpoint",
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+];
+
 /** At most this many attachments ride one message. The native Aria app caps at
  *  10; nothing on the wire says otherwise. */
 export const ARIA_MAX_ATTACHMENTS = 10;
@@ -40,6 +48,9 @@ export const ARIA_MAX_ATTACHMENTS = 10;
  *  Checking it HERE is what turns that refusal into a sentence the owner can act
  *  on, instead of a chip that fails for no stated reason. */
 export const ARIA_MAX_IMAGE_BYTES = 8 * 1024 * 1024;
+// Inline documents include base64 and JSON overhead under the 4 MiB frame bridge.
+// Larger documents use the file-backed attachment follow-up.
+export const ARIA_MAX_DOCUMENT_BYTES = 2 * 1024 * 1024;
 
 /** A chip in the composer. Every field is always present — a `$item.` path that
  *  is missing on some rows does not substitute — and each `…Hidden` flag
@@ -58,6 +69,9 @@ export interface AriaAttachmentChip {
    *  runtime's frame limit. */
   thumbUrl: string;
   thumbHidden: boolean;
+  /** Filename/type card for documents (images keep the 72pt preview). */
+  documentHidden: boolean;
+  typeLabel: string;
   /** "Uploading…" / "Couldn't upload" / "" — collapses when empty. */
   statusText: string;
   statusHidden: boolean;
@@ -113,6 +127,21 @@ export function normalizeMime(mime: string): string {
   }
 }
 
+/** Native providers sometimes report a generic MIME; match the reference's
+ * extension fallback only for those values, not a conflicting explicit type. */
+export function attachmentMime(mime: string, name = ""): string {
+  const normalized = normalizeMime(mime);
+  if (normalized === "text/comma-separated-values") return "text/csv";
+  if (normalized && normalized !== "application/octet-stream") return normalized;
+  const extension = name.split(".").pop()?.toLowerCase() ?? "";
+  const types: Record<string, string> = {
+    png: "image/png", jpg: "image/jpeg", jpeg: "image/jpeg", webp: "image/webp", gif: "image/gif", heic: "image/heic", heif: "image/heif",
+    csv: "text/csv", txt: "text/plain", pdf: "application/pdf", doc: "application/msword", xls: "application/vnd.ms-excel", ppt: "application/vnd.ms-powerpoint",
+    xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document", pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+  };
+  return types[extension] ?? normalized;
+}
+
 /** A file name for an image the picker did not name, by type. The service
  *  requires one (1–255 characters), and it is what the transcript shows. */
 export function imageFileName(mimeType: string, n: number, given?: string): string {
@@ -131,8 +160,8 @@ export type AttachRefusal = "" | "type" | "size" | "count";
 
 export function refusalFor(parsed: ParsedDataUri | null, mimeType: string, attached: number): AttachRefusal {
   if (attached >= ARIA_MAX_ATTACHMENTS) return "count";
-  if (!parsed || !ARIA_IMAGE_TYPES.includes(mimeType)) return "type";
-  if (parsed.bytes > ARIA_MAX_IMAGE_BYTES) return "size";
+  if (!parsed || ![...ARIA_IMAGE_TYPES, ...ARIA_DOCUMENT_TYPES].includes(mimeType)) return "type";
+  if (parsed.bytes > (mimeType.startsWith("image/") ? ARIA_MAX_IMAGE_BYTES : ARIA_MAX_DOCUMENT_BYTES)) return "size";
   return "";
 }
 
@@ -146,10 +175,20 @@ export function chipIn(
   ref = "",
 ): AriaAttachmentChip {
   const statusText = state === "uploading" ? labels.uploading : state === "failed" ? labels.failed : "";
+  const dot = base.name.lastIndexOf(".");
+  const extension = dot > 0 && dot < base.name.length - 1 ? base.name.slice(dot + 1).toUpperCase() : "";
+  const mimeLabels: Record<string, string> = {
+    "application/pdf": "PDF", "text/csv": "CSV", "text/plain": "TXT", "application/msword": "DOC",
+    "application/vnd.ms-excel": "XLS", "application/vnd.ms-powerpoint": "PPT",
+    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "XLSX",
+    "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "DOCX",
+  };
   return {
     ...base,
     state,
     thumbHidden: !base.thumbUrl,
+    documentHidden: base.mimeType.startsWith("image/"),
+    typeLabel: extension || mimeLabels[base.mimeType] || base.mimeType,
     statusText,
     statusHidden: !statusText,
     retryHidden: state !== "failed",