@sybilion/uilib 1.3.14 → 1.3.15

package/dist/esm/components/ui/Chat/ChatChrome/ChatChrome.js

@@ -30,6 +30,9 @@ function ChatChrome({ showResizeHandle, resizeHandle, onClose, isEmpty, renderPr
             if (items.length > 0) {
                 setPendingAttachments(prev => [...prev, ...items]);
             }
+        })
+            .catch(() => {
+            // Extraction failed (parse error, size limit, etc.); skip staging.
         })
             .finally(() => setIsExtractingAttachments(false));
     }, [allowPdfAttachments, promptBusy]);

package/dist/esm/components/ui/Chat/ChatMessage/UserTextFileAttachmentBubble.js

@@ -8,6 +8,8 @@ function formatFromFilename(filename) {
         return 'csv';
     if (lower.endsWith('.pdf'))
         return 'pdf';
+    if (lower.endsWith('.xlsx'))
+        return 'text';
     return 'text';
 }
 function mimeForFormat(format) {
@@ -17,16 +19,21 @@ function mimeForFormat(format) {
         return 'application/pdf';
     return 'text/plain;charset=utf-8';
 }
-function hintForFormat(format) {
+function hintForFormat(format, filename) {
+    const lower = filename.toLowerCase();
     if (format === 'csv')
         return 'Download .CSV file';
     if (format === 'pdf')
         return 'Download file';
+    if (lower.endsWith('.docx'))
+        return 'Download Word document';
+    if (lower.endsWith('.xlsx'))
+        return 'Download spreadsheet';
     return 'Download text file';
 }
 function UserTextFileAttachmentBubble({ attachment, }) {
     const format = formatFromFilename(attachment.filename);
-    return (jsx(FileChip, { name: attachment.displayName, format: format, hint: hintForFormat(format), onClick: () => downloadTextFile(attachment.content, attachment.filename, mimeForFormat(format)) }));
+    return (jsx(FileChip, { name: attachment.displayName, format: format, hint: hintForFormat(format, attachment.filename), onClick: () => downloadTextFile(attachment.content, attachment.filename, mimeForFormat(format)) }));
 }
 
 export { UserTextFileAttachmentBubble };

package/dist/esm/components/ui/Chat/ChatPrompt/ChatPromptAttachments.js

@@ -5,7 +5,13 @@ import S from './ChatPrompt.styl.js';
 function ChatPromptAttachments({ attachments, onRemove, disabled = false, }) {
     if (attachments.length === 0)
         return null;
-    return (jsx("div", { className: S.attachments, children: attachments.map((item, index) => (jsx(FileChip, { className: S.attachmentItem, name: item.file.name, format: item.kind === 'pdf' ? 'pdf' : 'text', hint: item.kind === 'pdf' ? 'PDF' : 'Text file', onRemove: () => onRemove(index), disabled: disabled }, `${item.file.name}-${index}`))) }));
+    return (jsx("div", { className: S.attachments, children: attachments.map((item, index) => (jsx(FileChip, { className: S.attachmentItem, name: item.file.name, format: item.kind === 'pdf' ? 'pdf' : 'text', hint: item.kind === 'pdf'
+                ? 'PDF'
+                : item.kind === 'docx'
+                    ? 'Word document'
+                    : item.kind === 'xlsx'
+                        ? 'Spreadsheet'
+                        : 'Text file', onRemove: () => onRemove(index), disabled: disabled }, `${item.file.name}-${index}`))) }));
 }
 
 export { ChatPromptAttachments };

package/dist/esm/components/ui/Chat/buildChatSendMessagePayload.js

@@ -4,6 +4,10 @@ function defaultExtForAttachment(item) {
     const name = item.file.name.toLowerCase();
     if (item.kind === 'pdf' || name.endsWith('.pdf'))
         return 'pdf';
+    if (item.kind === 'docx' || name.endsWith('.docx'))
+        return 'docx';
+    if (item.kind === 'xlsx' || name.endsWith('.xlsx'))
+        return 'xlsx';
     if (name.endsWith('.csv'))
         return 'csv';
     if (name.endsWith('.json'))

package/dist/esm/components/ui/Chat/chatAttachmentAccept.js

@@ -24,6 +24,10 @@ const TEXT_ATTACHMENT_ACCEPT_PARTS = [
     '.tsv',
     'text/calendar',
     '.ics',
+    'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    '.docx',
+    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+    '.xlsx',
 ];
 const PDF_ATTACHMENT_ACCEPT_PARTS = ['application/pdf', '.pdf'];
 const TEXT_ATTACHMENT_ACCEPT_SET = new Set(TEXT_ATTACHMENT_ACCEPT_PARTS.map(part => part.toLowerCase()));
@@ -46,9 +50,24 @@ function isPdfFile(file) {
         return true;
     return file.name.toLowerCase().endsWith('.pdf');
 }
+function isDocxFile(file) {
+    const type = file.type.toLowerCase();
+    if (type ===
+        'application/vnd.openxmlformats-officedocument.wordprocessingml.document') {
+        return true;
+    }
+    return file.name.toLowerCase().endsWith('.docx');
+}
+function isXlsxFile(file) {
+    const type = file.type.toLowerCase();
+    if (type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet') {
+        return true;
+    }
+    return file.name.toLowerCase().endsWith('.xlsx');
+}
 function isAttachmentsDropzoneEnabled(allowedAttachments, allowPdfAttachments) {
     return (filterToTextAttachments(allowedAttachments).length > 0 ||
         Boolean(allowPdfAttachments));
 }
 
-export { PDF_ATTACHMENT_ACCEPT_PARTS, TEXT_ATTACHMENT_ACCEPT_PARTS, buildAcceptAttr, filterToTextAttachments, isAttachmentsDropzoneEnabled, isPdfFile };
+export { PDF_ATTACHMENT_ACCEPT_PARTS, TEXT_ATTACHMENT_ACCEPT_PARTS, buildAcceptAttr, filterToTextAttachments, isAttachmentsDropzoneEnabled, isDocxFile, isPdfFile, isXlsxFile };

package/dist/esm/components/ui/Chat/chatAttachmentExtract.js

@@ -1,5 +1,7 @@
-import { isPdfFile } from './chatAttachmentAccept.js';
+import { isPdfFile, isDocxFile, isXlsxFile } from './chatAttachmentAccept.js';
+import { extractDocxFileToText } from './chatDocxExtract.js';
 import { extractPdfFileToText } from './chatPdfExtract.js';
+import { extractXlsxFileToText } from './chatXlsxExtract.js';
 
 function readTextFile(file) {
     return new Promise((resolve, reject) => {
@@ -17,6 +19,14 @@ async function extractChatAttachmentItems(files, allowPdfAttachments) {
             const text = await extractPdfFileToText(file);
             return { file, text, kind: 'pdf' };
         }
+        if (isDocxFile(file)) {
+            const text = await extractDocxFileToText(file);
+            return { file, text, kind: 'docx' };
+        }
+        if (isXlsxFile(file)) {
+            const text = await extractXlsxFileToText(file);
+            return { file, text, kind: 'xlsx' };
+        }
         const text = await readTextFile(file);
         return { file, text, kind: 'text' };
     }));

package/dist/esm/components/ui/Chat/chatDocxExtract.js

@@ -0,0 +1,17 @@
+/** Best-effort plain text from DOCX via mammoth (loaded on demand). */
+async function extractDocxFileToText(file) {
+    const mammoth = await import('mammoth');
+    const result = await mammoth.extractRawText({
+        arrayBuffer: await file.arrayBuffer(),
+    });
+    const errors = result.messages.filter(m => m.type === 'error');
+    if (errors.length > 0) {
+        const detail = errors.map(m => m.message).join('; ');
+        throw new Error(detail
+            ? `Failed to read ${file.name}: ${detail}`
+            : `Failed to read ${file.name}`);
+    }
+    return result.value.trim();
+}
+
+export { extractDocxFileToText };

package/dist/esm/components/ui/Chat/chatXlsxExtract.js

@@ -0,0 +1,34 @@
+const MAX_FILE_BYTES = 10 * 1024 * 1024;
+const MAX_SHEETS = 20;
+const MAX_CSV_CHARS_PER_SHEET = 500_000;
+function truncateCsv(csv) {
+    if (csv.length <= MAX_CSV_CHARS_PER_SHEET)
+        return csv;
+    return `${csv.slice(0, MAX_CSV_CHARS_PER_SHEET).trimEnd()}…`;
+}
+/** Best-effort plain text from XLSX; one CSV block per sheet (xlsx loaded on demand). */
+async function extractXlsxFileToText(file) {
+    const buffer = new Uint8Array(await file.arrayBuffer());
+    if (buffer.byteLength > MAX_FILE_BYTES) {
+        throw new Error(`${file.name} is too large (max ${MAX_FILE_BYTES / (1024 * 1024)} MB)`);
+    }
+    const XLSX = await import('xlsx');
+    const workbook = XLSX.read(buffer, { type: 'array' });
+    const sheetNames = workbook.SheetNames.slice(0, MAX_SHEETS);
+    const sheetTexts = [];
+    for (const sheetName of sheetNames) {
+        const sheet = workbook.Sheets[sheetName];
+        if (!sheet)
+            continue;
+        const csv = truncateCsv(XLSX.utils.sheet_to_csv(sheet, { blankrows: false }).trim());
+        if (csv) {
+            sheetTexts.push(`## Sheet ${sheetName}\n\n${csv}`);
+        }
+    }
+    if (workbook.SheetNames.length > MAX_SHEETS) {
+        sheetTexts.push(`_(Only the first ${MAX_SHEETS} of ${workbook.SheetNames.length} sheets were included.)_`);
+    }
+    return sheetTexts.join('\n\n');
+}
+
+export { extractXlsxFileToText };

package/dist/esm/types/src/components/ui/Chat/Chat.types.d.ts

@@ -59,9 +59,9 @@ export type ScriptCompletePayload = {
 };
 export type ChatAttachmentDropItem = {
     file: File;
-    /** UTF-8 text for native text files; PDF yields extracted text. */
+    /** UTF-8 text for native text files; PDF/DOCX/XLSX yield extracted text. */
     text: string;
-    kind: 'text' | 'pdf';
+    kind: 'text' | 'pdf' | 'docx' | 'xlsx';
 };
 export interface ChatPromptProps {
     className?: string;

package/dist/esm/types/src/components/ui/Chat/chatAttachmentAccept.d.ts

@@ -1,8 +1,10 @@
 /** MIME types and extensions accepted for chat text attachments. */
-export declare const TEXT_ATTACHMENT_ACCEPT_PARTS: readonly ["text/plain", ".txt", "text/csv", ".csv", "text/markdown", ".md", ".markdown", "application/json", ".json", "text/html", ".html", ".htm", "text/xml", "application/xml", ".xml", "text/yaml", "application/yaml", "application/x-yaml", ".yaml", ".yml", "text/tab-separated-values", ".tsv", "text/calendar", ".ics"];
+export declare const TEXT_ATTACHMENT_ACCEPT_PARTS: readonly ["text/plain", ".txt", "text/csv", ".csv", "text/markdown", ".md", ".markdown", "application/json", ".json", "text/html", ".html", ".htm", "text/xml", "application/xml", ".xml", "text/yaml", "application/yaml", "application/x-yaml", ".yaml", ".yml", "text/tab-separated-values", ".tsv", "text/calendar", ".ics", "application/vnd.openxmlformats-officedocument.wordprocessingml.document", ".docx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", ".xlsx"];
 export declare const PDF_ATTACHMENT_ACCEPT_PARTS: readonly ["application/pdf", ".pdf"];
 /** Keep only tokens from `parts` that appear in the text attachment allowlist. */
 export declare function filterToTextAttachments(parts: readonly string[] | undefined): string[];
 export declare function buildAcceptAttr(filteredTextParts: readonly string[], allowPdf: boolean): string;
 export declare function isPdfFile(file: File): boolean;
+export declare function isDocxFile(file: File): boolean;
+export declare function isXlsxFile(file: File): boolean;
 export declare function isAttachmentsDropzoneEnabled(allowedAttachments: readonly string[] | undefined, allowPdfAttachments: boolean | undefined): boolean;

package/dist/esm/types/src/components/ui/Chat/chatAttachmentAccept.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/src/components/ui/Chat/chatDocxExtract.d.ts

@@ -0,0 +1,2 @@
+/** Best-effort plain text from DOCX via mammoth (loaded on demand). */
+export declare function extractDocxFileToText(file: File): Promise<string>;

package/dist/esm/types/src/components/ui/Chat/chatDocxExtract.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/src/components/ui/Chat/chatXlsxExtract.d.ts

@@ -0,0 +1,2 @@
+/** Best-effort plain text from XLSX; one CSV block per sheet (xlsx loaded on demand). */
+export declare function extractXlsxFileToText(file: File): Promise<string>;

package/dist/esm/types/src/components/ui/Chat/chatXlsxExtract.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/tests/setup.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sybilion/uilib",
-  "version": "1.3.14",
+  "version": "1.3.15",
   "description": "Sybilion Design System — React UI components (Webpack + Stylus)",
   "publishConfig": {
     "access": "public",
@@ -102,6 +102,7 @@
     "classnames": "^2.3.2",
     "lightweight-charts": "^5.0.9",
     "lucide-react": "^0.546.0",
+    "mammoth": "^1.9.0",
     "motion": "^12.23.12",
     "pdfjs-dist": "^4.10.38",
     "recharts": "^3.2.1",
@@ -109,7 +110,8 @@
     "style-inject": "^0.3.0",
     "tailwindcss": "^4.2.2",
     "tslib": "^2.8.1",
-    "vaul": "^1.1.2"
+    "vaul": "^1.1.2",
+    "xlsx": "^0.18.5"
   },
   "peerDependencies": {
     "@auth0/auth0-react": "^2.3.1",

package/src/components/ui/Chat/Chat.types.ts

@@ -69,9 +69,9 @@ export type ScriptCompletePayload = {
 
 export type ChatAttachmentDropItem = {
   file: File;
-  /** UTF-8 text for native text files; PDF yields extracted text. */
+  /** UTF-8 text for native text files; PDF/DOCX/XLSX yield extracted text. */
   text: string;
-  kind: 'text' | 'pdf';
+  kind: 'text' | 'pdf' | 'docx' | 'xlsx';
 };
 
 export interface ChatPromptProps {

package/src/components/ui/Chat/ChatChrome/ChatChrome.tsx

@@ -86,6 +86,9 @@ export function ChatChrome({
             setPendingAttachments(prev => [...prev, ...items]);
           }
         })
+        .catch(() => {
+          // Extraction failed (parse error, size limit, etc.); skip staging.
+        })
         .finally(() => setIsExtractingAttachments(false));
     },
     [allowPdfAttachments, promptBusy],

package/src/components/ui/Chat/ChatMessage/UserTextFileAttachmentBubble.tsx

@@ -7,6 +7,7 @@ function formatFromFilename(filename: string): FileChipFormat {
   const lower = filename.toLowerCase();
   if (lower.endsWith('.csv')) return 'csv';
   if (lower.endsWith('.pdf')) return 'pdf';
+  if (lower.endsWith('.xlsx')) return 'text';
   return 'text';
 }
 
@@ -16,9 +17,12 @@ function mimeForFormat(format: FileChipFormat): string {
   return 'text/plain;charset=utf-8';
 }
 
-function hintForFormat(format: FileChipFormat): string {
+function hintForFormat(format: FileChipFormat, filename: string): string {
+  const lower = filename.toLowerCase();
   if (format === 'csv') return 'Download .CSV file';
   if (format === 'pdf') return 'Download file';
+  if (lower.endsWith('.docx')) return 'Download Word document';
+  if (lower.endsWith('.xlsx')) return 'Download spreadsheet';
   return 'Download text file';
 }
 
@@ -33,7 +37,7 @@ export function UserTextFileAttachmentBubble({
     <FileChip
       name={attachment.displayName}
       format={format}
-      hint={hintForFormat(format)}
+      hint={hintForFormat(format, attachment.filename)}
       onClick={() =>
         downloadTextFile(
           attachment.content,

package/src/components/ui/Chat/ChatPrompt/ChatPromptAttachments.tsx

@@ -24,7 +24,15 @@ export function ChatPromptAttachments({
           className={S.attachmentItem}
           name={item.file.name}
           format={item.kind === 'pdf' ? 'pdf' : 'text'}
-          hint={item.kind === 'pdf' ? 'PDF' : 'Text file'}
+          hint={
+            item.kind === 'pdf'
+              ? 'PDF'
+              : item.kind === 'docx'
+                ? 'Word document'
+                : item.kind === 'xlsx'
+                  ? 'Spreadsheet'
+                  : 'Text file'
+          }
           onRemove={() => onRemove(index)}
           disabled={disabled}
         />

package/src/components/ui/Chat/buildChatSendMessagePayload.test.ts

@@ -8,7 +8,7 @@ import {
 function makeDropItem(
   name: string,
   text: string,
-  kind: 'text' | 'pdf' = 'text',
+  kind: ChatAttachmentDropItem['kind'] = 'text',
 ): ChatAttachmentDropItem {
   return {
     file: { name } as File,
@@ -50,6 +50,20 @@ describe('buildChatSendMessagePayload', () => {
     expect(result.userTextFileAttachments?.[0].filename).toMatch(/\.pdf$/i);
   });
 
+  it('uses docx and xlsx extensions from kind', () => {
+    const docx = buildChatSendMessagePayload('', [
+      makeDropItem('brief.docx', 'word body', 'docx'),
+    ]);
+    const xlsx = buildChatSendMessagePayload('', [
+      makeDropItem('sheet.xlsx', 'a,b', 'xlsx'),
+    ]);
+    if (typeof docx === 'string' || typeof xlsx === 'string') {
+      throw new Error('expected payload object');
+    }
+    expect(docx.userTextFileAttachments?.[0].filename).toMatch(/\.docx$/i);
+    expect(xlsx.userTextFileAttachments?.[0].filename).toMatch(/\.xlsx$/i);
+  });
+
   it('maps multiple attachments', () => {
     const result = buildChatSendMessagePayload('Hi', [
       makeDropItem('one.txt', 'first'),

package/src/components/ui/Chat/buildChatSendMessagePayload.ts

@@ -8,6 +8,8 @@ import { sanitizeAttachmentFilename } from './sanitizeAttachmentFilename';
 function defaultExtForAttachment(item: ChatAttachmentDropItem): string {
   const name = item.file.name.toLowerCase();
   if (item.kind === 'pdf' || name.endsWith('.pdf')) return 'pdf';
+  if (item.kind === 'docx' || name.endsWith('.docx')) return 'docx';
+  if (item.kind === 'xlsx' || name.endsWith('.xlsx')) return 'xlsx';
   if (name.endsWith('.csv')) return 'csv';
   if (name.endsWith('.json')) return 'json';
   if (name.endsWith('.md') || name.endsWith('.markdown')) return 'md';

package/src/components/ui/Chat/chatAttachmentAccept.test.ts

@@ -0,0 +1,78 @@
+import {
+  TEXT_ATTACHMENT_ACCEPT_PARTS,
+  buildAcceptAttr,
+  filterToTextAttachments,
+  isDocxFile,
+  isPdfFile,
+  isXlsxFile,
+} from './chatAttachmentAccept';
+
+function makeFile(name: string, type = ''): File {
+  return { name, type } as File;
+}
+
+describe('TEXT_ATTACHMENT_ACCEPT_PARTS', () => {
+  it('includes docx and xlsx MIME types and extensions', () => {
+    expect(TEXT_ATTACHMENT_ACCEPT_PARTS).toContain('.docx');
+    expect(TEXT_ATTACHMENT_ACCEPT_PARTS).toContain('.xlsx');
+    expect(TEXT_ATTACHMENT_ACCEPT_PARTS).toContain(
+      'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    );
+    expect(TEXT_ATTACHMENT_ACCEPT_PARTS).toContain(
+      'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+    );
+  });
+});
+
+describe('isDocxFile', () => {
+  it('detects by extension and MIME type', () => {
+    expect(
+      isDocxFile(
+        makeFile(
+          'notes.docx',
+          'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+        ),
+      ),
+    ).toBe(true);
+    expect(isDocxFile(makeFile('notes.docx'))).toBe(true);
+    expect(isDocxFile(makeFile('notes.txt'))).toBe(false);
+  });
+});
+
+describe('isXlsxFile', () => {
+  it('detects by extension and MIME type', () => {
+    expect(
+      isXlsxFile(
+        makeFile(
+          'data.xlsx',
+          'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+        ),
+      ),
+    ).toBe(true);
+    expect(isXlsxFile(makeFile('data.xlsx'))).toBe(true);
+    expect(isXlsxFile(makeFile('data.csv'))).toBe(false);
+  });
+});
+
+describe('isPdfFile', () => {
+  it('does not treat docx or xlsx as pdf', () => {
+    expect(isPdfFile(makeFile('file.docx'))).toBe(false);
+    expect(isPdfFile(makeFile('file.xlsx'))).toBe(false);
+  });
+});
+
+describe('filterToTextAttachments', () => {
+  it('keeps docx and xlsx tokens from the allowlist', () => {
+    expect(
+      filterToTextAttachments(['.docx', '.xlsx', 'application/pdf']),
+    ).toEqual(['.docx', '.xlsx']);
+  });
+});
+
+describe('buildAcceptAttr', () => {
+  it('includes filtered text parts and optional pdf', () => {
+    expect(buildAcceptAttr(['.docx', '.txt'], false)).toBe('.docx,.txt');
+    expect(buildAcceptAttr(['.docx'], true)).toContain('.docx');
+    expect(buildAcceptAttr(['.docx'], true)).toContain('.pdf');
+  });
+});

package/src/components/ui/Chat/chatAttachmentAccept.ts

@@ -24,6 +24,10 @@ export const TEXT_ATTACHMENT_ACCEPT_PARTS = [
   '.tsv',
   'text/calendar',
   '.ics',
+  'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+  '.docx',
+  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+  '.xlsx',
 ] as const;
 
 export const PDF_ATTACHMENT_ACCEPT_PARTS = ['application/pdf', '.pdf'] as const;
@@ -59,6 +63,27 @@ export function isPdfFile(file: File): boolean {
   return file.name.toLowerCase().endsWith('.pdf');
 }
 
+export function isDocxFile(file: File): boolean {
+  const type = file.type.toLowerCase();
+  if (
+    type ===
+    'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
+  ) {
+    return true;
+  }
+  return file.name.toLowerCase().endsWith('.docx');
+}
+
+export function isXlsxFile(file: File): boolean {
+  const type = file.type.toLowerCase();
+  if (
+    type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+  ) {
+    return true;
+  }
+  return file.name.toLowerCase().endsWith('.xlsx');
+}
+
 export function isAttachmentsDropzoneEnabled(
   allowedAttachments: readonly string[] | undefined,
   allowPdfAttachments: boolean | undefined,

package/src/components/ui/Chat/chatAttachmentExtract.ts

@@ -1,6 +1,8 @@
 import type { ChatAttachmentDropItem } from './Chat.types';
-import { isPdfFile } from './chatAttachmentAccept';
+import { isDocxFile, isPdfFile, isXlsxFile } from './chatAttachmentAccept';
+import { extractDocxFileToText } from './chatDocxExtract';
 import { extractPdfFileToText } from './chatPdfExtract';
+import { extractXlsxFileToText } from './chatXlsxExtract';
 
 function readTextFile(file: File): Promise<string> {
   return new Promise((resolve, reject) => {
@@ -24,6 +26,16 @@ export async function extractChatAttachmentItems(
         return { file, text, kind: 'pdf' as const };
       }
 
+      if (isDocxFile(file)) {
+        const text = await extractDocxFileToText(file);
+        return { file, text, kind: 'docx' as const };
+      }
+
+      if (isXlsxFile(file)) {
+        const text = await extractXlsxFileToText(file);
+        return { file, text, kind: 'xlsx' as const };
+      }
+
       const text = await readTextFile(file);
       return { file, text, kind: 'text' as const };
     }),

package/src/components/ui/Chat/chatDocxExtract.test.ts

@@ -0,0 +1,40 @@
+import { extractDocxFileToText } from './chatDocxExtract';
+
+const extractRawText = jest.fn();
+
+jest.mock('mammoth', () => ({
+  extractRawText: (...args: unknown[]) => extractRawText(...args),
+}));
+
+describe('extractDocxFileToText', () => {
+  beforeEach(() => {
+    extractRawText.mockReset();
+  });
+
+  it('returns trimmed text from mammoth', async () => {
+    extractRawText.mockResolvedValue({
+      value: '  Hello from Word  ',
+      messages: [],
+    });
+
+    const file = new File([new Uint8Array(8)], 'doc.docx', {
+      type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    });
+
+    await expect(extractDocxFileToText(file)).resolves.toBe('Hello from Word');
+    expect(extractRawText).toHaveBeenCalledTimes(1);
+  });
+
+  it('throws when mammoth reports errors', async () => {
+    extractRawText.mockResolvedValue({
+      value: '',
+      messages: [{ type: 'error', message: 'corrupt file' }],
+    });
+
+    const file = new File([new Uint8Array(8)], 'bad.docx', {
+      type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    });
+
+    await expect(extractDocxFileToText(file)).rejects.toThrow(/corrupt file/i);
+  });
+});

package/src/components/ui/Chat/chatDocxExtract.ts

@@ -0,0 +1,19 @@
+/** Best-effort plain text from DOCX via mammoth (loaded on demand). */
+export async function extractDocxFileToText(file: File): Promise<string> {
+  const mammoth = await import('mammoth');
+  const result = await mammoth.extractRawText({
+    arrayBuffer: await file.arrayBuffer(),
+  });
+
+  const errors = result.messages.filter(m => m.type === 'error');
+  if (errors.length > 0) {
+    const detail = errors.map(m => m.message).join('; ');
+    throw new Error(
+      detail
+        ? `Failed to read ${file.name}: ${detail}`
+        : `Failed to read ${file.name}`,
+    );
+  }
+
+  return result.value.trim();
+}

package/src/components/ui/Chat/chatXlsxExtract.test.ts

@@ -0,0 +1,72 @@
+import * as XLSX from 'xlsx';
+
+import { extractXlsxFileToText } from './chatXlsxExtract';
+
+function makeXlsxFile(
+  sheets: Record<string, (string | number)[][]>,
+  name = 'test.xlsx',
+): File {
+  const workbook = XLSX.utils.book_new();
+  for (const [sheetName, rows] of Object.entries(sheets)) {
+    XLSX.utils.book_append_sheet(
+      workbook,
+      XLSX.utils.aoa_to_sheet(rows),
+      sheetName,
+    );
+  }
+  const buffer = new Uint8Array(
+    XLSX.write(workbook, { type: 'array', bookType: 'xlsx' }),
+  );
+  return new File([buffer], name, {
+    type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+  });
+}
+
+describe('extractXlsxFileToText', () => {
+  it('extracts non-empty sheets as CSV with headings', async () => {
+    const file = makeXlsxFile({
+      Data: [
+        ['name', 'value'],
+        ['a', 1],
+      ],
+    });
+
+    const text = await extractXlsxFileToText(file);
+    expect(text).toContain('## Sheet Data');
+    expect(text).toContain('name,value');
+    expect(text).toContain('a,1');
+  });
+
+  it('skips empty sheets', async () => {
+    const workbook = XLSX.utils.book_new();
+    XLSX.utils.book_append_sheet(
+      workbook,
+      XLSX.utils.aoa_to_sheet([]),
+      'Empty',
+    );
+    XLSX.utils.book_append_sheet(
+      workbook,
+      XLSX.utils.aoa_to_sheet([['x']]),
+      'Filled',
+    );
+    const buffer = new Uint8Array(
+      XLSX.write(workbook, { type: 'array', bookType: 'xlsx' }),
+    );
+    const file = new File([buffer], 'mixed.xlsx', {
+      type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+    });
+
+    const text = await extractXlsxFileToText(file);
+    expect(text).not.toContain('## Sheet Empty');
+    expect(text).toContain('## Sheet Filled');
+  });
+
+  it('rejects files over the size limit', async () => {
+    const huge = new Uint8Array(10 * 1024 * 1024 + 1);
+    const file = new File([huge], 'huge.xlsx', {
+      type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+    });
+
+    await expect(extractXlsxFileToText(file)).rejects.toThrow(/too large/i);
+  });
+});

package/src/components/ui/Chat/chatXlsxExtract.ts

@@ -0,0 +1,43 @@
+const MAX_FILE_BYTES = 10 * 1024 * 1024;
+const MAX_SHEETS = 20;
+const MAX_CSV_CHARS_PER_SHEET = 500_000;
+
+function truncateCsv(csv: string): string {
+  if (csv.length <= MAX_CSV_CHARS_PER_SHEET) return csv;
+  return `${csv.slice(0, MAX_CSV_CHARS_PER_SHEET).trimEnd()}…`;
+}
+
+/** Best-effort plain text from XLSX; one CSV block per sheet (xlsx loaded on demand). */
+export async function extractXlsxFileToText(file: File): Promise<string> {
+  const buffer = new Uint8Array(await file.arrayBuffer());
+  if (buffer.byteLength > MAX_FILE_BYTES) {
+    throw new Error(
+      `${file.name} is too large (max ${MAX_FILE_BYTES / (1024 * 1024)} MB)`,
+    );
+  }
+
+  const XLSX = await import('xlsx');
+  const workbook = XLSX.read(buffer, { type: 'array' });
+  const sheetNames = workbook.SheetNames.slice(0, MAX_SHEETS);
+  const sheetTexts: string[] = [];
+
+  for (const sheetName of sheetNames) {
+    const sheet = workbook.Sheets[sheetName];
+    if (!sheet) continue;
+
+    const csv = truncateCsv(
+      XLSX.utils.sheet_to_csv(sheet, { blankrows: false }).trim(),
+    );
+    if (csv) {
+      sheetTexts.push(`## Sheet ${sheetName}\n\n${csv}`);
+    }
+  }
+
+  if (workbook.SheetNames.length > MAX_SHEETS) {
+    sheetTexts.push(
+      `_(Only the first ${MAX_SHEETS} of ${workbook.SheetNames.length} sheets were included.)_`,
+    );
+  }
+
+  return sheetTexts.join('\n\n');
+}

package/src/docs/pages/ChatAttachmentsDropzonePage.tsx

@@ -97,16 +97,16 @@ export default function ChatAttachmentsDropzonePage() {
       <AppPageHeader
         breadcrumbs={[{ label: 'Chat' }, { label: 'Attachments dropzone' }]}
         title="Chat — attachments dropzone"
-        subheader="Drop text files onto the chat shell; they appear on the prompt until you send."
+        subheader="Drop text, Office, or PDF files onto the chat shell; they appear on the prompt until you send."
         actions={<DocsHeaderActions />}
       />
       <PageContentSection>
         <p style={{ marginBottom: 16, fontSize: 14, lineHeight: 1.5 }}>
-          Drop a <code>.txt</code>, <code>.csv</code>, <code>.md</code>, or{' '}
-          <code>.pdf</code> file anywhere on the chat panel. The file shows
-          above the composer; press send to post it. Only MIME types from the
-          text allowlist are accepted; PDF parsing is optional via{' '}
-          <code>allowPdfAttachments</code>.
+          Drop a <code>.txt</code>, <code>.csv</code>, <code>.md</code>,{' '}
+          <code>.docx</code>, <code>.xlsx</code>, or <code>.pdf</code> file
+          anywhere on the chat panel. The file shows above the composer; press
+          send to post it. Office and PDF parsers load on demand when you attach
+          those types; PDF also requires <code>allowPdfAttachments</code>.
         </p>
         <ChatChrome
           showResizeHandle={false}
@@ -133,25 +133,19 @@ export default function ChatAttachmentsDropzonePage() {
           effectiveScopeId="docs-chat-attachments-dropzone"
           onPromptSubmit={onPromptSubmit}
           onChatDeleted={() => {}}
-          allowedAttachments={[
-            'text/plain',
-            '.txt',
-            'text/csv',
-            '.csv',
-            'text/markdown',
-            '.md',
-            'application/json',
-            '.json',
-          ]}
+          allowedAttachments={TEXT_ATTACHMENT_ACCEPT_PARTS}
           allowPdfAttachments
           emptyState={{
-            title: 'Drop a text file or PDF',
+            title: 'Drop a text, Office, or PDF file',
             description:
-              'Drag a file onto this panel, review it above the composer, then send.',
+              'Drag a file onto this panel, review it above the composer, then send. DOCX and XLSX are parsed in the browser.',
             additionalContent: (
               <p style={{ fontSize: 13, opacity: 0.85 }}>
-                Base allowlist includes{' '}
-                {TEXT_ATTACHMENT_ACCEPT_PARTS.slice(0, 6).join(', ')}…
+                Accepted types include <code>.txt</code>, <code>.csv</code>,{' '}
+                <code>.md</code>, <code>.json</code>, <code>.docx</code>,{' '}
+                <code>.xlsx</code>, and more (
+                {TEXT_ATTACHMENT_ACCEPT_PARTS.length} entries in the text
+                allowlist).
               </p>
             ),
           }}