{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":["platform-badges","admonition","img"]},"type":"markdown"},"seo":{"title":"Treasure AI Studio - File Viewers","description":"Built-in viewers for PDFs, spreadsheets, presentations, documents, images, code, HTML, journey canvases, and more — view AI-generated and uploaded files directly in Studio.","siteUrl":"https://docs.treasure.ai","lang":"en-US","jsonLd":{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.treasure.ai/","name":"Treasure AI","url":"https://www.treasure.ai/","logo":"https://www.treasure.ai/hubfs/assets/images/logos/primary-logo.svg"},{"@type":"WebSite","@id":"https://docs.treasure.ai/#website","name":"Treasure AI Documentation","url":"https://docs.treasure.ai/","inLanguage":["en","ja"],"publisher":{"@id":"https://www.treasure.ai/"}}]},"llmstxt":{"hide":false,"sections":[{"title":"Table of contents","includeFiles":["**/*"],"excludeFiles":[]}],"excludeFiles":[]}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"file-viewers","__idx":0},"children":["File Viewers"]},{"$$mdtype":"Tag","name":"PlatformBadges","attributes":{"platforms":["Web","Desktop","Mobile"]},"children":[]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Preview everything without leaving Studio. Built-in viewers render PDFs, spreadsheets, presentations, code, and more — so you can inspect AI-generated reports and uploaded documents instantly, without switching to an external application."]},{"$$mdtype":"Tag","name":"Admonition","attributes":{"type":"info","name":"Note"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["File viewers render content client-side from server-stored files. The AI does not re-process a file when you open it in a viewer — it's a direct render of the file's contents."]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"objective","__idx":1},"children":["Objective"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Open and interact with files generated by the AI or uploaded by you, using the appropriate built-in viewer for each file type."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"prerequisites","__idx":2},"children":["Prerequisites"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Signed in to Treasure AI Studio (",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/products/ai-studio/getting-started"},"children":["Getting Started"]},")"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["A file in the current chat session (uploaded or AI-generated)"]}]},{"$$mdtype":"Tag","name":"hr","attributes":{},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"supported-viewers","__idx":3},"children":["Supported Viewers"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"File Type"},"children":["File Type"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Extensions"},"children":["Extensions"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Viewer"},"children":["Viewer"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Key Features"},"children":["Key Features"]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["PDF"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["pdf"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["PDF Viewer"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Zoom, page navigation, fit-to-width"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Spreadsheet"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["xlsx, xls, csv, tsv"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Spreadsheet Viewer"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Sheet tabs, column sorting, resizable columns"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Presentation"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["pptx, ppt"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Presentation Viewer"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Slide thumbnails, keyboard navigation, speaker notes"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Document"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["docx, doc"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Document Viewer"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Rendered HTML"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Image"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["png, jpg, jpeg, gif, svg, webp, bmp, ico"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Image Viewer"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Scaled to fit"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Code"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["js, jsx, ts, tsx, py, sql, sh, yaml, json, xml, css, rb, go, rs, java, c, cpp"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Code Viewer"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Syntax highlighting, line numbers"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Markdown"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["md, markdown"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Markdown Viewer"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Rendered markdown"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["HTML"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["html, htm"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["HTML Viewer"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Sandboxed iframe"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Journey"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["*.journey.yaml, *.journey.yml"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Journey Viewer"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Interactive visualization"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Mermaid"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["mmd, mermaid"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Mermaid Viewer"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Rendered diagrams"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Plain Text"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["txt, log, and any unrecognized extension"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Text Viewer"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Monospace, pre-formatted"]}]}]}]}]},{"$$mdtype":"Tag","name":"hr","attributes":{},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"pdf-viewer","__idx":4},"children":["PDF Viewer"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The PDF viewer renders documents page by page with zoom controls and page navigation."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"controls","__idx":5},"children":["Controls"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Control"},"children":["Control"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Description"},"children":["Description"]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Zoom in"]}," / ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Zoom out"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Increase or decrease zoom level in 25% steps"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Zoom percentage"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Displays current zoom level (range: 50% to 300%)"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Fit to width"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Automatically scale the document to fit the viewer width"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Page counter"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Shows ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["\"Page X of Y\""]}," as you scroll through the document"]}]}]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"navigation","__idx":6},"children":["Navigation"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Scroll vertically through the document. The page counter updates automatically as you scroll, tracking the most visible page."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"tips-for-pdfs","__idx":7},"children":["Tips for PDFs"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Text-based PDFs"]}," (natively digital) render most reliably. Scanned documents may work but with reduced quality."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Password-protected PDFs"]}," cannot be rendered. Remove protection before uploading. If a PDF fails to load, you see: ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["\"Failed to load PDF. The file may be corrupted or password-protected.\""]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Large PDFs"]}," consume significant context when the AI processes them. For documents over 50 pages, consider uploading only the relevant section."]}]},{"$$mdtype":"Tag","name":"Admonition","attributes":{"type":"info","name":"Technical Note"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The PDF viewer uses ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["react-pdf"]}," with a locally bundled PDF.js worker. Pages render on-canvas with an IntersectionObserver tracking the most visible page for the page counter. Zoom range is 0.5x to 3.0x in 0.25x increments."]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"spreadsheet-viewer","__idx":8},"children":["Spreadsheet Viewer"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The spreadsheet viewer displays tabular data with sorting, resizable columns, and multi-sheet support."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"features","__idx":9},"children":["Features"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Feature"},"children":["Feature"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Description"},"children":["Description"]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Sheet tabs"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["For multi-sheet workbooks (XLSX/XLS), tabs appear at the bottom to switch between sheets"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Column sorting"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Click a column header to sort ascending; click again for descending. Numeric values sort numerically, text sorts alphabetically"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Resizable columns"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Drag column borders to adjust width"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Scrolling"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Horizontal and vertical scroll for large datasets"]}]}]}]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["For CSV and TSV files, the viewer renders a scrollable table with auto-computed column widths based on content. Sheet tabs are not shown for single-sheet formats."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["If a sheet has no data, the viewer shows: ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["\"Empty sheet\""]},"."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"presentation-viewer","__idx":10},"children":["Presentation Viewer"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The presentation viewer renders PPTX/PPT files with a slide thumbnail panel, full-size slide view, and optional speaker notes."]},{"$$mdtype":"Tag","name":"Image","attributes":{"src":"/assets/ai-studio-pptx-viewer.b832272a75846e7495fe83a23d511e4e6e8fd0ab5884e27d1965472557f914a9.8a9297e8.webp","alt":"Presentation viewer showing slide thumbnails and active slide","framed":false,"withLightbox":true,"width":"700px"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"layout","__idx":11},"children":["Layout"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Left panel"]}," — Slide thumbnails for quick navigation. The active slide is highlighted with a border."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Center area"]}," — The selected slide rendered at full size, maintaining the original aspect ratio."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Bottom section"]}," — ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Speaker Notes"]}," (collapsible). Click to expand or collapse."]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"navigation-1","__idx":12},"children":["Navigation"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Method"},"children":["Method"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Action"},"children":["Action"]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Click a thumbnail"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Jump to that slide"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Left/Right arrow keys"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Previous/next slide"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Up/Down arrow keys"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Previous/next slide"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Home"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Jump to first slide"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["End"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Jump to last slide"]}]}]}]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["A slide counter (e.g., \"3 / 12\") appears in the viewer to show your position."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["If a presentation has no slides, the viewer shows: ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["\"No slides found in this presentation\""]},"."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"document-viewer","__idx":13},"children":["Document Viewer"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The document viewer renders DOCX and DOC files as formatted HTML, preserving headings, paragraphs, lists, tables, and basic styling from the original document."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Loading state shows: ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["\"Loading document...\""]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"image-viewer","__idx":14},"children":["Image Viewer"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Images display scaled to fit within the viewer area while maintaining their original aspect ratio. Supported formats include PNG, JPG, JPEG, GIF (including animated), SVG, WebP, BMP, and ICO."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"code-viewer","__idx":15},"children":["Code Viewer"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The code viewer provides syntax-highlighted, read-only display of source code files with line numbers."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"supported-languages","__idx":16},"children":["Supported Languages"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Python, JavaScript, TypeScript (including JSX/TSX), SQL, Shell scripts, YAML, JSON, XML, CSS, Ruby, Go, Rust, Java, C, C++, HTML, and more."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The viewer automatically detects the language from the file extension and applies appropriate syntax highlighting. Both light and dark themes are supported, matching your Studio appearance setting."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"markdown-viewer","__idx":17},"children":["Markdown Viewer"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Markdown files (",{"$$mdtype":"Tag","name":"code","attributes":{},"children":[".md"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":[".markdown"]},") render as formatted content with headings, lists, code blocks, links, tables, and other standard markdown elements — the same renderer used for AI responses in chat."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"html-viewer","__idx":18},"children":["HTML Viewer"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["HTML files render in a ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["sandboxed iframe"]}," within the viewer. The sandbox allows scripts to run but restricts same-origin access, navigation, and other potentially unsafe operations."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["This is useful for previewing AI-generated HTML reports, dashboards, or visualizations directly in Studio."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"journey-viewer","__idx":19},"children":["Journey Viewer"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Journey YAML files (",{"$$mdtype":"Tag","name":"code","attributes":{},"children":[".journey.yaml"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":[".journey.yml"]},") render as an interactive journey visualization. You can click on stages, steps, and criteria to view details in a side panel."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["See ",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/products/ai-studio/visualization/journey-canvas"},"children":["Journey Canvas Visualization"]}," for details on the journey visualization."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["If the file cannot be parsed, the viewer shows: ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["\"Unable to parse journey file.\""]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"mermaid-viewer","__idx":20},"children":["Mermaid Viewer"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Mermaid diagram files (",{"$$mdtype":"Tag","name":"code","attributes":{},"children":[".mmd"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":[".mermaid"]},") render as visual diagrams — flowcharts, sequence diagrams, class diagrams, and other Mermaid-supported diagram types."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The viewer automatically adapts to your current theme (light or dark)."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"plain-text-viewer","__idx":21},"children":["Plain Text Viewer"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Files with ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":[".txt"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":[".log"]},", or unrecognized extensions display as pre-formatted monospace text. This serves as the fallback viewer when no specialized viewer matches the file type."]},{"$$mdtype":"Tag","name":"hr","attributes":{},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"viewer-errors","__idx":22},"children":["Viewer Errors"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["If a file's content cannot be loaded, the viewer shows: ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["\"Unable to load file content.\""]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["For specific viewer errors:"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Viewer"},"children":["Viewer"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Error Message"},"children":["Error Message"]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["PDF"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["\"Failed to load PDF. The file may be corrupted or password-protected.\""]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Presentation"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["\"No slides found in this presentation\" (if empty)"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Spreadsheet"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["\"Empty sheet\" (if sheet has no data)"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Journey"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["\"Unable to parse journey file.\""]}]}]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"mobile-viewers","__idx":23},"children":["Mobile Viewers"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["On iOS, file previews render inline with the following considerations:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Code, CSV, Markdown, HTML, and plain text"]}," render directly in the chat or preview screen"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Large files"]}," are truncated for performance, with a notice: \"Preview truncated. Download to view full file.\""]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["HTML files"]}," render in a sandboxed iframe with restricted permissions"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Images"]}," display inline, scaled to fit the screen width"]}]},{"$$mdtype":"Tag","name":"Admonition","attributes":{"type":"info","name":"Technical Note"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Mobile previews truncate file content at 100,000 characters to prevent layout performance issues with the Hermes JavaScript engine. The full file is always available for download."]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"fullscreen-mode","__idx":24},"children":["Fullscreen Mode"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"web--desktop","__idx":25},"children":["Web & Desktop"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Click the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Fullscreen"]}," button (expand icon) in the viewer toolbar to expand the viewer to fill the entire screen. Click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Exit fullscreen"]}," (collapse icon) or press ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Escape"]}," to return to the normal layout."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"differences-from-treasure-studio-labs","__idx":26},"children":["Differences from Treasure Studio Labs"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Feature"},"children":["Feature"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Treasure Studio Labs"},"children":["Treasure Studio Labs"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Treasure AI Studio"},"children":["Treasure AI Studio"]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["PDF viewer"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Basic PDF processing via AI"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Built-in PDF viewer with zoom and page navigation"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Code viewer"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Monaco Editor (full IDE)"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Syntax-highlighted read-only viewer"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Spreadsheet viewer"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"em","attributes":{},"children":["(not available)"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Built-in with sorting and multi-sheet support"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Presentation viewer"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"em","attributes":{},"children":["(not available)"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Built-in with thumbnails, keyboard nav, speaker notes"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["HTML viewer"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"em","attributes":{},"children":["(not available)"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Sandboxed iframe viewer"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Journey viewer"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"em","attributes":{},"children":["(not available)"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Interactive journey visualization"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Fullscreen"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"em","attributes":{},"children":["(not available)"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Fullscreen toggle for all viewers"]}]}]}]}]},{"$$mdtype":"Tag","name":"Admonition","attributes":{"type":"info","name":"Note"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Treasure Studio Labs used a Monaco Editor (VS Code-style editor) for code files. Treasure AI Studio replaces this with a read-only syntax-highlighted viewer, since code editing happens through AI chat interactions rather than direct file editing."]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"verification","__idx":27},"children":["Verification"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"input","attributes":{"checked":false,"type":"checkbox","readOnly":true},"children":[]}," Click a file in the Files panel and see it render in the appropriate viewer"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"input","attributes":{"checked":false,"type":"checkbox","readOnly":true},"children":[]}," Zoom in/out on a PDF and see the page counter update"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"input","attributes":{"checked":false,"type":"checkbox","readOnly":true},"children":[]}," Sort a spreadsheet column and see rows reorder"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"troubleshooting","__idx":28},"children":["Troubleshooting"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Issue"},"children":["Issue"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Solution"},"children":["Solution"]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["\"Unable to load file content\""]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["The file may still be uploading or the server may be temporarily unavailable. Click the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Reload"]}," button in the Files panel header and try again"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["PDF pages render blank"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Large PDFs may take time to process. Wait for the loading indicator to complete. If blank pages persist, download the file and open in an external viewer"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Spreadsheet columns overlap"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Resize columns by dragging the column header borders. For very wide spreadsheets, use horizontal scrolling"]}]}]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"next-steps","__idx":29},"children":["Next Steps"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/products/ai-studio/files/file-upload-download"},"children":["File Upload & Download"]}," — Upload files and download AI-generated outputs"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/products/ai-studio/files/artifacts"},"children":["Artifact Output"]}," — AI-generated output files (PPTX, DOCX, PDF, XLSX)"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/products/ai-studio/chat/chat"},"children":["AI Chat Interface"]}," — Working with file context in conversations"]}]}]},"headings":[{"value":"File Viewers","id":"file-viewers","depth":1},{"value":"Objective","id":"objective","depth":2},{"value":"Prerequisites","id":"prerequisites","depth":2},{"value":"Supported Viewers","id":"supported-viewers","depth":2},{"value":"PDF Viewer","id":"pdf-viewer","depth":2},{"value":"Controls","id":"controls","depth":3},{"value":"Navigation","id":"navigation","depth":3},{"value":"Tips for PDFs","id":"tips-for-pdfs","depth":3},{"value":"Spreadsheet Viewer","id":"spreadsheet-viewer","depth":2},{"value":"Features","id":"features","depth":3},{"value":"Presentation Viewer","id":"presentation-viewer","depth":2},{"value":"Layout","id":"layout","depth":3},{"value":"Navigation","id":"navigation-1","depth":3},{"value":"Document Viewer","id":"document-viewer","depth":2},{"value":"Image Viewer","id":"image-viewer","depth":2},{"value":"Code Viewer","id":"code-viewer","depth":2},{"value":"Supported Languages","id":"supported-languages","depth":3},{"value":"Markdown Viewer","id":"markdown-viewer","depth":2},{"value":"HTML Viewer","id":"html-viewer","depth":2},{"value":"Journey Viewer","id":"journey-viewer","depth":2},{"value":"Mermaid Viewer","id":"mermaid-viewer","depth":2},{"value":"Plain Text Viewer","id":"plain-text-viewer","depth":2},{"value":"Viewer Errors","id":"viewer-errors","depth":2},{"value":"Mobile Viewers","id":"mobile-viewers","depth":2},{"value":"Fullscreen Mode","id":"fullscreen-mode","depth":2},{"value":"Web & Desktop","id":"web--desktop","depth":3},{"value":"Differences from Treasure Studio Labs","id":"differences-from-treasure-studio-labs","depth":2},{"value":"Verification","id":"verification","depth":2},{"value":"Troubleshooting","id":"troubleshooting","depth":2},{"value":"Next Steps","id":"next-steps","depth":2}],"frontmatter":{"seo":{"title":"Treasure AI Studio - File Viewers","description":"Built-in viewers for PDFs, spreadsheets, presentations, documents, images, code, HTML, journey canvases, and more — view AI-generated and uploaded files directly in Studio."},"platforms":["Web","Desktop","Mobile"]},"lastModified":"2026-05-22T08:07:54.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/products/ai-studio/files/file-viewers","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}