@epam/ai-dial-attachment-canvas 1.1.0-dev.38 → 1.1.0-dev.389

package/hooks/useOpenAttachmentCanvas/useOpenAttachmentCanvas.d.ts

@@ -0,0 +1,64 @@
+import { CustomVisualizer, DisplayAttachment } from '@epam/ai-dial-chat-shared';
+import { CodeCanvasContent, ErrorCanvasContent, HtmlCanvasContent, ImageCanvasContent, JsonCanvasContent, MarkdownCanvasContent, OoxmlCanvasContent, PdfCanvasContent, PlainTextCanvasContent, VisualizerCanvasContent } from '../../models/attachment-canvas';
+import { OoxmlFileType } from '../../types/attachment-canvas';
+/**
+ * Content resolvers `useOpenAttachmentCanvas` calls to turn a
+ * `DisplayAttachment` into an `AttachmentCanvasContent` payload. The host
+ * implements every resolver — the hook itself never fetches or decodes
+ * attachment bytes, only decides which resolver to call and how to interpret
+ * a `null`/rejected result.
+ */
+export interface UseOpenAttachmentCanvasResolvers {
+    /** Resolves an image attachment's displayable URL. Returns `null` if unavailable. */
+    resolveImageContent(attachment: DisplayAttachment): ImageCanvasContent | null;
+    /** Resolves an attachment's plain-text content. Returns `null` if unavailable. */
+    resolveTextContent(attachment: DisplayAttachment): Promise<PlainTextCanvasContent | ErrorCanvasContent | null>;
+    /** Resolves an attachment's Markdown content. Returns `null` if unavailable. */
+    resolveMarkdownContent(attachment: DisplayAttachment): Promise<MarkdownCanvasContent | ErrorCanvasContent | null>;
+    /** Resolves an attachment's syntax-highlighted code content, given an optional language hint. Returns `null` if unavailable. */
+    resolveCodeContent(attachment: DisplayAttachment, language?: string): Promise<CodeCanvasContent | ErrorCanvasContent | null>;
+    /** Resolves an attachment's HTML content. Returns `null` if unavailable or rejected (e.g. exceeded a size limit). */
+    resolveHtmlContent(attachment: DisplayAttachment): Promise<HtmlCanvasContent | ErrorCanvasContent | null>;
+    /** Resolves an attachment's PDF content. Returns `null` if unavailable. */
+    resolvePdfContent(attachment: DisplayAttachment): Promise<PdfCanvasContent | ErrorCanvasContent | null>;
+    /** Resolves an attachment's OOXML (Word/Excel/PowerPoint) content for the given format. Returns `null` if unavailable. */
+    resolveOoxmlContent(attachment: DisplayAttachment, format: OoxmlFileType): Promise<OoxmlCanvasContent | ErrorCanvasContent | null>;
+    /** Resolves an attachment's JSON content, falling back to plain text when the payload is not valid JSON. Returns `null` if unavailable. */
+    resolveJsonContent(attachment: DisplayAttachment): Promise<JsonCanvasContent | PlainTextCanvasContent | ErrorCanvasContent | null>;
+    /** Resolves an attachment against a matched custom-visualizer registry entry. Returns `null` when the payload cannot be fetched. */
+    resolveVisualizerContent(attachment: DisplayAttachment, visualizer: CustomVisualizer, themeId?: string): Promise<VisualizerCanvasContent | null>;
+    /** Resolves a reference-only attachment's `referenceUrl` (optionally carrying a page anchor) into PDF content. Returns `null` when the reference does not target a PDF. */
+    resolveReferencePdfContent(attachment: DisplayAttachment): PdfCanvasContent | null;
+    /** Resolves the attachment's downloadable URL, used for `Unsupported` content and as the HTML content's fallback `url`. */
+    resolveContentUrl(attachment: DisplayAttachment): string | undefined;
+    /**
+     * Whether the attachment carries a text source `resolveHtmlContent`/
+     * `resolveTextContent` etc. can fetch from (inline data, a host-resolved
+     * download URL, or a locally-picked file). Used to distinguish "nothing to
+     * fetch" from "fetched and rejected" when an HTML resolver returns `null`.
+     */
+    hasTextSource(attachment: DisplayAttachment): boolean;
+}
+/**
+ * Options controlling `useOpenAttachmentCanvas`'s dispatch behavior beyond the
+ * content resolvers.
+ */
+export interface UseOpenAttachmentCanvasOptions {
+    /** Registry of custom visualizers matched by MIME type ahead of PDF/Markdown/JSON routing. */
+    customVisualizers: CustomVisualizer[];
+    /** Active theme id forwarded to a matched custom visualizer's layout. */
+    themeId?: string;
+    /** Called before the canvas opens for an image, file, pasted, or prompt attachment — never for audio. Lets the host close other panels first. */
+    onBeforeOpen?: () => void;
+}
+/** Signature of the `openAttachmentCanvas` function `useOpenAttachmentCanvas` returns. */
+export type OpenAttachmentCanvas = (attachment: DisplayAttachment, canvasAttachmentId?: string) => Promise<boolean>;
+/**
+ * Decides whether and how to open the attachment canvas for a given
+ * attachment, dispatching on its type and content, using only injected
+ * resolvers and callbacks — never an application React context.
+ */
+export declare const useOpenAttachmentCanvas: (resolvers: UseOpenAttachmentCanvasResolvers, options: UseOpenAttachmentCanvasOptions) => {
+    openAttachmentCanvas: OpenAttachmentCanvas;
+};
+//# sourceMappingURL=useOpenAttachmentCanvas.d.ts.map

package/hooks/useOpenAttachmentCanvas/useOpenAttachmentCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOpenAttachmentCanvas.d.ts","sourceRoot":"","sources":["../../../src/hooks/useOpenAttachmentCanvas/useOpenAttachmentCanvas.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,2BAA2B,CAAC;AASnC,OAAO,KAAK,EACV,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,EACrB,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,uBAAuB,EACxB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,+BAA+B,CAAC;AAUvC;;;;;;GAMG;AACH,MAAM,WAAW,gCAAgC;IAC/C,qFAAqF;IACrF,mBAAmB,CAAC,UAAU,EAAE,iBAAiB,GAAG,kBAAkB,GAAG,IAAI,CAAC;IAC9E,kFAAkF;IAClF,kBAAkB,CAChB,UAAU,EAAE,iBAAiB,GAC5B,OAAO,CAAC,sBAAsB,GAAG,kBAAkB,GAAG,IAAI,CAAC,CAAC;IAC/D,gFAAgF;IAChF,sBAAsB,CACpB,UAAU,EAAE,iBAAiB,GAC5B,OAAO,CAAC,qBAAqB,GAAG,kBAAkB,GAAG,IAAI,CAAC,CAAC;IAC9D,gIAAgI;IAChI,kBAAkB,CAChB,UAAU,EAAE,iBAAiB,EAC7B,QAAQ,CAAC,EAAE,MAAM,GAChB,OAAO,CAAC,iBAAiB,GAAG,kBAAkB,GAAG,IAAI,CAAC,CAAC;IAC1D,qHAAqH;IACrH,kBAAkB,CAChB,UAAU,EAAE,iBAAiB,GAC5B,OAAO,CAAC,iBAAiB,GAAG,kBAAkB,GAAG,IAAI,CAAC,CAAC;IAC1D,2EAA2E;IAC3E,iBAAiB,CACf,UAAU,EAAE,iBAAiB,GAC5B,OAAO,CAAC,gBAAgB,GAAG,kBAAkB,GAAG,IAAI,CAAC,CAAC;IACzD,0HAA0H;IAC1H,mBAAmB,CACjB,UAAU,EAAE,iBAAiB,EAC7B,MAAM,EAAE,aAAa,GACpB,OAAO,CAAC,kBAAkB,GAAG,kBAAkB,GAAG,IAAI,CAAC,CAAC;IAC3D,2IAA2I;IAC3I,kBAAkB,CAChB,UAAU,EAAE,iBAAiB,GAC5B,OAAO,CACR,iBAAiB,GAAG,sBAAsB,GAAG,kBAAkB,GAAG,IAAI,CACvE,CAAC;IACF,oIAAoI;IACpI,wBAAwB,CACtB,UAAU,EAAE,iBAAiB,EAC7B,UAAU,EAAE,gBAAgB,EAC5B,OAAO,CAAC,EAAE,MAAM,GACf,OAAO,CAAC,uBAAuB,GAAG,IAAI,CAAC,CAAC;IAC3C,2KAA2K;IAC3K,0BAA0B,CACxB,UAAU,EAAE,iBAAiB,GAC5B,gBAAgB,GAAG,IAAI,CAAC;IAC3B,2HAA2H;IAC3H,iBAAiB,CAAC,UAAU,EAAE,iBAAiB,GAAG,MAAM,GAAG,SAAS,CAAC;IACrE;;;;;OAKG;IACH,aAAa,CAAC,UAAU,EAAE,iBAAiB,GAAG,OAAO,CAAC;CACvD;AAED;;;GAGG;AACH,MAAM,WAAW,8BAA8B;IAC7C,8FAA8F;IAC9F,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iJAAiJ;IACjJ,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,0FAA0F;AAC1F,MAAM,MAAM,oBAAoB,GAAG,CACjC,UAAU,EAAE,iBAAiB,EAC7B,kBAAkB,CAAC,EAAE,MAAM,KACxB,OAAO,CAAC,OAAO,CAAC,CAAC;AA6BtB;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,GAClC,WAAW,gCAAgC,EAC3C,SAAS,8BAA8B,KACtC;IAAE,oBAAoB,EAAE,oBAAoB,CAAA;CAuR9C,CAAC"}

package/index.css

@@ -1,2 +1,2 @@
-._GzYRV{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;line-height:1.2}._3eOF8{margin-right:5px;font-weight:700}._3eOF8+._3eOF8{margin-left:-5px}._1MFti{cursor:pointer}._f10Tu{-webkit-user-select:none;user-select:none;margin-right:5px;font-size:1.2em}._1UmXx:after{content:"▸"}._1LId0:after{content:"▾"}._1pNG9{margin-right:5px}._1pNG9:after{content:"...";font-size:.8em}._2IvMF{background:#eee}._2bkNM{margin:0;padding:0 10px}._1BXBN{margin:0;padding:0}._1MGIk{color:#000;margin-right:5px;font-weight:600}._3uHL6{color:#000}._2T6PJ,._1Gho6{color:#df113a}._vGjyY{color:#2a3f3c}._1bQdo{color:#0b75f5}._3zQKs{color:#469038}._1xvuR{color:#43413d}._oLqym,._2AXVT,._2KJWg{color:#000}._11RoI{background:#002b36}._17H2C,._3QHg2,._3fDAz{color:#fdf6e3}._2bSDX{color:#fdf6e3;margin-right:5px;font-weight:bolder}._gsbQL{color:#fdf6e3}._LaAZe,._GTKgm{color:#81b5ac}._Chy1W{color:#cb4b16}._2bveF{color:#d33682}._2vRm-{color:#ae81ff}._1prJR{color:#268bd2}._viewer_1gfxm_1 .pdf-container{min-width:max-content}._body_t1fhd_2{color:var(--ac-text,var(--text-primary,#161b2d))}._statusLabel_t1fhd_6{color:var(--text-secondary,#575f73)}._errorIcon_t1fhd_10{color:var(--text-error,#ae2f2f)}._jsonWrapper_t1fhd_14{border-color:var(--stroke-secondary,#d1dbea);background-color:var(--bg-layer-1,#e0e6f0)}._jsonContainer_t1fhd_19{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:.8125rem;line-height:1.6}._jsonLabel_t1fhd_25,._jsonClickableLabel_t1fhd_29{color:var(--text-primary,#161b2d)}._jsonPunctuation_t1fhd_33{color:var(--text-secondary,#575f73)}._jsonStringValue_t1fhd_37{color:var(--text-success,#007274)}._jsonNumberValue_t1fhd_41{color:var(--text-accent-primary,#124ace)}._jsonBooleanValue_t1fhd_45{color:var(--text-warning,#7f6300)}._jsonNullValue_t1fhd_49,._jsonExpandIcon_t1fhd_53{color:var(--text-secondary,#575f73)}._jsonExpandIcon_t1fhd_53:hover{color:var(--text-primary,#161b2d)}._jsonExpandIcon_t1fhd_53:after{content:"▶";vertical-align:middle;font-size:.6em}._jsonCollapseIcon_t1fhd_65{color:var(--text-secondary,#575f73)}._jsonCollapseIcon_t1fhd_65:hover{color:var(--text-primary,#161b2d)}._jsonCollapseIcon_t1fhd_65:after{content:"▼";vertical-align:middle;font-size:.6em}.pdf-container:has(+.pdf-container){padding:0}._jsonCollapsedContent_t1fhd_81{color:var(--text-secondary,#575f73);background-color:var(--bg-layer-3,#fcfcfc);font-size:.75em}._jsonCollapsedContent_t1fhd_81:after{content:"…"}
+._GzYRV{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;line-height:1.2}._3eOF8{margin-right:5px;font-weight:700}._3eOF8+._3eOF8{margin-left:-5px}._1MFti{cursor:pointer}._f10Tu{-webkit-user-select:none;user-select:none;margin-right:5px;font-size:1.2em}._1UmXx:after{content:"▸"}._1LId0:after{content:"▾"}._1pNG9{margin-right:5px}._1pNG9:after{content:"...";font-size:.8em}._2IvMF{background:#eee}._2bkNM{margin:0;padding:0 10px}._1BXBN{margin:0;padding:0}._1MGIk{color:#000;margin-right:5px;font-weight:600}._3uHL6{color:#000}._2T6PJ,._1Gho6{color:#df113a}._vGjyY{color:#2a3f3c}._1bQdo{color:#0b75f5}._3zQKs{color:#469038}._1xvuR{color:#43413d}._oLqym,._2AXVT,._2KJWg{color:#000}._11RoI{background:#002b36}._17H2C,._3QHg2,._3fDAz{color:#fdf6e3}._2bSDX{color:#fdf6e3;margin-right:5px;font-weight:bolder}._gsbQL{color:#fdf6e3}._LaAZe,._GTKgm{color:#81b5ac}._Chy1W{color:#cb4b16}._2bveF{color:#d33682}._2vRm-{color:#ae81ff}._1prJR{color:#268bd2}._container_1nhig_1{background:var(--cc-bg,var(--bg-layer-raised,#fcfcfc))}._containerLight_1nhig_5{background:var(--cc-bg,var(--bg-layer-base,#f5f7fa))}._openInNewTabButton_c1arc_1{color:var(--ac-open-in-new-tab-text,var(--text-accent,#1d4ed8))}._loadingOverlay_t3d2v_1{background-color:var(--mcp-loading-bg,var(--bg-layer-1,#e0e6f0))}._statusLabel_t3d2v_5{color:var(--mcp-status-text,var(--text-primary,#161b2d))}._errorIcon_t3d2v_9{color:var(--mcp-error-icon,var(--text-error,#ae2f2f))}._viewer_1d8a3_1{background:var(--ac-ooxml-bg,var(--bg-layer-raised,#fcfcfc))}._statusOverlay_1d8a3_5{background:var(--ac-ooxml-bg,var(--bg-layer-raised,#fcfcfc));color:var(--ac-status-text,var(--text-secondary,#57647a))}._errorIcon_1d8a3_10{color:var(--ac-error-icon,var(--text-error,#ae2f2f))}._loadingOverlay_12637_1{background-color:var(--vs-loading-bg,var(--bg-layer-sunken,#eef1f7))}._statusLabel_12637_5{color:var(--vs-status-text,var(--text-primary,#161b2d))}._errorIcon_12637_9{color:var(--vs-error-icon,var(--text-error,#ae2f2f))}._body_13ogb_4{color:var(--ac-text,var(--text-primary,#161b2d));font-family:var(--ac-font-family);font-size:var(--ac-font-size);font-weight:var(--ac-font-weight);line-height:var(--ac-line-height);letter-spacing:var(--ac-letter-spacing)}._statusLabel_13ogb_13{color:var(--ac-status-text,var(--text-secondary,#57647a))}._errorIcon_13ogb_17{color:var(--ac-error-icon,var(--text-error,#ae2f2f))}._jsonWrapper_13ogb_21{border-color:var(--ac-json-border,var(--stroke-secondary,#d1dbea));background-color:var(--ac-json-bg,var(--bg-layer-base,#f5f7fa))}._jsonLabel_13ogb_26{color:var(--ac-json-label,var(--text-primary,#161b2d))}._jsonClickableLabel_13ogb_30{color:var(--ac-json-clickable-label,var(--text-primary,#161b2d))}._jsonPunctuation_13ogb_34{color:var(--ac-json-punctuation,var(--text-secondary,#57647a))}._jsonStringValue_13ogb_38{color:var(--ac-json-string,var(--text-success,#007274))}._jsonNumberValue_13ogb_42{color:var(--ac-json-number,var(--text-accent,#1d4ed8))}._jsonBooleanValue_13ogb_46{color:var(--ac-json-boolean,var(--text-warning,#7f6300))}._jsonNullValue_13ogb_50{color:var(--ac-json-null,var(--text-secondary,#57647a))}._jsonExpandIcon_13ogb_54{color:var(--ac-json-toggle-icon,var(--text-secondary,#57647a))}._jsonExpandIcon_13ogb_54:hover{color:var(--ac-json-toggle-icon-hover,var(--text-primary,#161b2d))}._jsonExpandIcon_13ogb_54:after{content:"▶";vertical-align:middle;font-size:.6em}._jsonCollapseIcon_13ogb_67{color:var(--ac-json-toggle-icon,var(--text-secondary,#57647a))}._jsonCollapseIcon_13ogb_67:hover{color:var(--ac-json-toggle-icon-hover,var(--text-primary,#161b2d))}._jsonCollapseIcon_13ogb_67:after{content:"▼";vertical-align:middle;font-size:.6em}.pdf-container:has(+.pdf-container){padding:0}._jsonCollapsedContent_13ogb_84{color:var(--ac-json-collapsed-text,var(--text-secondary,#57647a));background-color:var(--ac-json-collapsed-bg,var(--bg-layer-raised,#fcfcfc));font-size:.75em}._jsonCollapsedContent_13ogb_84:after{content:"…"}._viewer_1gfxm_1 .pdf-container{min-width:max-content}*,:after,:before,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:after,:before{box-sizing:border-box;border:0 solid}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre,fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=769px){.container{max-width:769px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-1{left:.25rem}.top-1{top:.25rem}.z-10{z-index:10}.z-20{z-index:20}.mx-auto{margin-left:auto;margin-right:auto}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.hidden{display:none}.h-4{height:1rem}.h-6{height:1.5rem}.h-\[146px\]{height:146px}.h-\[186px\]{height:186px}.h-\[600px\]{height:600px}.h-\[700px\]{height:700px}.h-full{height:100%}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-6{min-height:1.5rem}.min-h-\[26px\]{min-height:26px}.w-64{width:16rem}.w-\[104px\]{width:104px}.w-\[120px\]{width:120px}.w-\[208px\]{width:208px}.w-\[28\%\]{width:28%}.w-\[500px\]{width:500px}.w-\[58\%\]{width:58%}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-3{min-width:.75rem}.max-w-\[320px\]{max-width:320px}.max-w-\[40\%\]{max-width:40%}.max-w-\[520px\]{max-width:520px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-skeleton-wave{animation:3.5s ease-in-out infinite skeleton-wave}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.\!justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:4px}.rounded-\[120px\]{border-radius:120px}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-r{border-right-width:1px}.border-accent{border-color:var(--stroke-accent,#1d4ed8)}.border-primary{border-color:var(--stroke-primary,#57647a)}.border-tertiary{border-color:var(--stroke-tertiary,#e0e6f0)}.border-transparent{border-color:#0000}.bg-backdrop{background-color:var(--bg-backdrop,#161b2d4d)}.bg-control-accent-alpha{background-color:var(--bg-control-accent-alpha,#2764d90f)}.bg-control-neutral{background-color:var(--bg-control-neutral,#fcfcfc)}.bg-layer-base{background-color:var(--bg-layer-base,#f5f7fa)}.bg-layer-raised{background-color:var(--bg-layer-raised,#fcfcfc)}.bg-layer-sunken{background-color:var(--bg-layer-sunken,#eef1f7)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-layer-sunken{--tw-gradient-from:var(--bg-layer-sunken,#eef1f7) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-layer-raised{--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--bg-layer-raised,#fcfcfc) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-layer-sunken{--tw-gradient-to:var(--bg-layer-sunken,#eef1f7) var(--tw-gradient-to-position)}.bg-\[length\:200\%_100\%\]{background-size:200% 100%}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.\!py-0{padding-top:0!important;padding-bottom:0!important}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[60px\]{padding-left:60px;padding-right:60px}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pl-0\.5{padding-left:.125rem}.pt-10{padding-top:2.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem;line-height:1rem}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.text-accent{color:var(--text-accent,#1d4ed8)}.text-primary{color:var(--text-primary,#161b2d)}.text-secondary{color:var(--text-secondary,#57647a)}.outline{outline-width:1px;outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:border-accent-alpha:hover{border-color:var(--stroke-accent-alpha,#2764d933)}.hover\:bg-control-accent-alpha-hover:hover{background-color:var(--bg-control-accent-alpha-hover,#2764d924)}.pdf-highlight-viewer{contain:layout style paint;background:#f5f5f5;width:100%;height:100%;position:relative;overflow:auto}.pdf-container{contain:layout style paint;margin:0 auto;padding:20px;position:relative}.pdf-page-container{contain:layout style paint;background:#fff;margin:0 auto 20px;position:relative;box-shadow:0 2px 8px #0000001a}.pdf-canvas{z-index:1;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block;position:relative}.unified-layer{z-index:2;pointer-events:none;opacity:.01;contain:layout style;width:100%;height:100%;position:absolute;top:0;left:0}.unified-layer .text-segment,.unified-layer .highlight-wrapper{pointer-events:auto}.text-segment{white-space:pre;transform-origin:0 0;-webkit-user-select:text;user-select:text;color:#0000;background:0 0;border:none;outline:none;margin:0;padding:0;line-height:1;position:absolute}.text-segment.selectable{cursor:text}.highlight-wrapper{cursor:pointer;transform-origin:0 0;contain:layout style;transition:opacity .2s;position:absolute}.highlight-wrapper:hover{z-index:3}.highlight-background{z-index:-1;will-change:opacity, transform;border-radius:3px;transition:opacity .2s,transform .2s;position:absolute;inset:-2px}.highlight-wrapper:hover .highlight-background{transform:scale(1.02)}.highlight-label{white-space:nowrap;box-sizing:border-box;border:1px solid #0000;flex-shrink:0;align-items:center;padding:2px 4px;font-size:12px;line-height:1.2;display:flex}.highlight-label-icon{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;min-width:0;min-height:0;display:inline-flex;overflow:hidden}.highlight-label-icon svg{max-width:100%;max-height:100%;color:inherit;fill:none;stroke:currentColor;flex-shrink:0;display:block;width:100%!important;height:100%!important}.unified-layer .highlight-label{margin-right:0}.protein-highlight .highlight-background{background:#ffc8004d;border:1px solid #ffb40099}.protein-highlight:hover .highlight-background{background:#ffc80080;border-color:#ffa000cc}.protein-highlight.selected .highlight-background{outline-offset:1px;background:#ffc800b3;border:2px solid #ff8c00;outline:2px solid #007acc}.gene-highlight .highlight-background{background:#00c8644d;border:1px solid #00b45a99}.gene-highlight:hover .highlight-background{background:#00c86480;border-color:#00a050cc}.gene-highlight.selected .highlight-background{outline-offset:1px;background:#00c864b3;border:2px solid #008c46;outline:2px solid #007acc}.disease-highlight .highlight-background{background:#dc32324d;border:1px solid #c8282899}.disease-highlight:hover .highlight-background{background:#dc323280;border-color:#b41e1ecc}.disease-highlight.selected .highlight-background{outline-offset:1px;background:#dc3232b3;border:2px solid #a01414;outline:2px solid #007acc}.chemical-highlight .highlight-background{background:#0096ff4d;border:1px solid #0082eb99}.chemical-highlight:hover .highlight-background{background:#0096ff80;border-color:#006ed7cc}.chemical-highlight.selected .highlight-background{outline-offset:1px;background:#0096ffb3;border:2px solid #005ac3;outline:2px solid #007acc}.species-highlight .highlight-background{background:#9664c84d;border:1px solid #8250b499}.species-highlight:hover .highlight-background{background:#9664c880;border-color:#6e3ca0cc}.species-highlight.selected .highlight-background{outline-offset:1px;background:#9664c8b3;border:2px solid #5a288c;outline:2px solid #007acc}.pdf-highlight-viewer.scrolling .unified-layer{will-change:transform}.pdf-highlight-viewer.scrolling .highlight-background{transition:none}.highlight-background{backface-visibility:hidden;transform:translateZ(0)}.highlight-wrapper{contain:layout style paint}.text-segment::-moz-selection{color:#0000;background:#007bff4d}.text-segment::selection{color:#0000;background:#007bff4d}.highlight-wrapper .text-segment::-moz-selection{color:#0000;background:#ffffff80}.highlight-wrapper .text-segment::selection{color:#0000;background:#ffffff80}.pdf-page-container.loading{opacity:.7}.pdf-page-container.loading:after{content:"";border:3px solid #f3f3f3;border-top-color:#007acc;border-radius:50%;width:32px;height:32px;margin:-16px 0 0 -16px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-result-highlight .highlight-background{animation:1s ease-in-out infinite alternate pulse-search;background:#ff06!important;border:2px solid #ffd700cc!important}@keyframes pulse-search{0%{opacity:.4}to{opacity:.8}}@media (prefers-contrast:high){.highlight-background{opacity:.8!important;border-width:2px!important}.protein-highlight .highlight-background{background:#ffc80099;border-color:#ff8c00}.gene-highlight .highlight-background{background:#00c86499;border-color:#008c46}.disease-highlight .highlight-background{background:#dc323299;border-color:#a01414}.chemical-highlight .highlight-background{background:#0096ff99;border-color:#005ac3}.species-highlight .highlight-background{background:#9664c899;border-color:#5a288c}}@media (prefers-reduced-motion:reduce){.highlight-background,.highlight-wrapper{transition:none!important;animation:none!important}}.highlight-wrapper:focus{outline-offset:2px;outline:2px solid #007acc}.highlight-wrapper:focus .highlight-background{opacity:.8;transform:scale(1.05)}.pdf-context-menu{z-index:1000;background:#fff;border:1px solid #ccc;border-radius:4px;min-width:180px;padding:4px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;position:fixed;box-shadow:0 4px 12px #00000026}.pdf-context-menu-item{cursor:pointer;text-align:left;color:#333;background:0 0;border:none;width:100%;padding:8px 16px}.pdf-context-menu-item:hover{background:#f0f0f0}.pdf-context-menu-item:disabled{color:#999;cursor:not-allowed}.pdf-context-menu-separator{background:#eee;height:1px;margin:4px 0}.pdf-tooltip{color:#fff;z-index:1001;pointer-events:none;word-wrap:break-word;background:#000c;border-radius:4px;max-width:300px;padding:8px 12px;font-size:12px;position:fixed}.pdf-tooltip:after{content:"";border:5px solid #0000;border-top-color:#000c;width:0;height:0;margin-left:-5px;position:absolute;top:100%;left:50%}@media (width<=768px){.pdf-container{padding:10px}.pdf-page-container{margin-bottom:10px}.highlight-wrapper{min-width:44px;min-height:44px}.pdf-context-menu{min-width:200px;font-size:16px}.pdf-context-menu-item{padding:12px 16px}}@media print{.pdf-highlight-viewer{background:#fff}.pdf-page-container{box-shadow:none;page-break-after:always;margin-bottom:0}.highlight-background{transition:none;opacity:.6!important}.pdf-context-menu,.pdf-tooltip{display:none!important}}@media (prefers-color-scheme:dark){.pdf-highlight-viewer{background:#1a1a1a}.pdf-page-container{background:#2a2a2a;box-shadow:0 2px 8px #0000004d}.pdf-context-menu{color:#fff;background:#333;border-color:#555}.pdf-context-menu-item{color:#fff}.pdf-context-menu-item:hover,.pdf-context-menu-separator{background:#555}}.highlight-enter{opacity:0;transform:scale(.8)}.highlight-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:scale(1)}.highlight-exit{opacity:1;transform:scale(1)}.highlight-exit-active{opacity:0;transition:opacity .3s,transform .3s;transform:scale(.8)}.pdf-hidden{display:none!important}.pdf-invisible{visibility:hidden!important}.pdf-no-select{-webkit-user-select:none!important;user-select:none!important}.pdf-no-pointer-events{pointer-events:none!important}
 /*$vite$:1*/

package/index.d.ts

@@ -1,10 +1,16 @@
 export { AttachmentCanvas } from './components/AttachmentCanvas/AttachmentCanvas';
+export { AttachmentCanvasBody } from './components/AttachmentCanvasBody/AttachmentCanvasBody';
+export { CodeContent } from './components/CodeContent/CodeContent';
+export type { CodeContentProps } from './components/CodeContent/CodeContent';
 export { AttachmentCanvasContainer } from './components/AttachmentCanvasContainer/AttachmentCanvasContainer';
 export type { AttachmentCanvasContainerProps } from './components/AttachmentCanvasContainer/AttachmentCanvasContainer';
 export { AttachmentCanvasProvider, useAttachmentCanvas, } from './context/AttachmentCanvasContext';
 export type { AttachmentCanvasContextValue } from './context/AttachmentCanvasContext';
 export { downloadAttachmentContent, isDownloadable } from './utils/download';
-export { isTextPreviewable, createUnsupportedCanvasContent, createLoadErrorCanvasContent, createForbiddenCanvasContent, } from './utils/content';
-export { AttachmentContentType, AttachmentErrorType, } from './types/attachment-canvas';
-export type { AttachmentCanvasContent, PlainTextCanvasContent, ImageCanvasContent, AudioCanvasContent, MarkdownCanvasContent, JsonCanvasContent, PdfCanvasContent, UnsupportedCanvasContent, ErrorCanvasContent, AttachmentCanvasColors, AttachmentCanvasTypography, AttachmentCanvasStyles, AttachmentCanvasLabels, AttachmentCanvasProps, } from './models/attachment-canvas';
+export { isTextPreviewable, isHtmlPreviewable, isOoxmlPreviewable, getOoxmlFileType, getOoxmlMimeType, extensionToLanguage, createUnsupportedCanvasContent, createLoadErrorCanvasContent, createForbiddenCanvasContent, } from './utils/content';
+export { findVisualizerForMime } from './utils/visualizer';
+export { useOpenAttachmentCanvas } from './hooks/useOpenAttachmentCanvas/useOpenAttachmentCanvas';
+export type { UseOpenAttachmentCanvasResolvers, UseOpenAttachmentCanvasOptions, OpenAttachmentCanvas, } from './hooks/useOpenAttachmentCanvas/useOpenAttachmentCanvas';
+export { AttachmentContentType, AttachmentErrorType, OoxmlFileType, } from './types/attachment-canvas';
+export type { AttachmentCanvasContent, PlainTextCanvasContent, ImageCanvasContent, AudioCanvasContent, MarkdownCanvasContent, JsonCanvasContent, PdfCanvasContent, OoxmlCanvasContent, CodeCanvasContent, HtmlCanvasContent, McpAppCanvasContent, VisualizerCanvasContent, UnsupportedCanvasContent, ErrorCanvasContent, AttachmentCanvasColors, AttachmentCanvasTypography, AttachmentCanvasStyles, AttachmentCanvasBodyStyles, AttachmentCanvasLabels, AttachmentCanvasBodyLabels, AttachmentCanvasProps, AttachmentCanvasBodyProps, } from './models/attachment-canvas';
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,yBAAyB,EAAE,MAAM,kEAAkE,CAAC;AAC7G,YAAY,EAAE,8BAA8B,EAAE,MAAM,kEAAkE,CAAC;AACvH,OAAO,EACL,wBAAwB,EACxB,mBAAmB,GACpB,MAAM,mCAAmC,CAAC;AAC3C,YAAY,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACtF,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EACL,iBAAiB,EACjB,8BAA8B,EAC9B,4BAA4B,EAC5B,4BAA4B,GAC7B,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,wBAAwB,EACxB,kBAAkB,EAClB,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,YAAY,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,yBAAyB,EAAE,MAAM,kEAAkE,CAAC;AAC7G,YAAY,EAAE,8BAA8B,EAAE,MAAM,kEAAkE,CAAC;AACvH,OAAO,EACL,wBAAwB,EACxB,mBAAmB,GACpB,MAAM,mCAAmC,CAAC;AAC3C,YAAY,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACtF,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,8BAA8B,EAC9B,4BAA4B,EAC5B,4BAA4B,GAC7B,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,yDAAyD,CAAC;AAClG,YAAY,EACV,gCAAgC,EAChC,8BAA8B,EAC9B,oBAAoB,GACrB,MAAM,yDAAyD,CAAC;AACjE,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,aAAa,GACd,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,uBAAuB,EACvB,wBAAwB,EACxB,kBAAkB,EAClB,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,EACtB,0BAA0B,EAC1B,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,4BAA4B,CAAC"}