@smartspace/chat-ui 1.14.4-dev.3cc43b1 → 1.14.4-dev.3f92249

package/dist/index.js

@@ -1,6 +1,6 @@
 import MuiButton from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
-import { Loader2, Cpu, ChevronDown, Check, Globe, Zap, SlidersHorizontal, X, Paperclip, Mic, Square, Send, Minimize2, AlertTriangle, FileImage, FileVideo, FileAudio, FileArchive, FileCode, FileSpreadsheet, Presentation, FileText, ChevronUp, Download, ShieldAlert, Copy } from 'lucide-react';
+import { Loader2, Cpu, ChevronDown, Check, Globe, Zap, SlidersHorizontal, X, Paperclip, Mic, Square, Send, Minimize2, AlertTriangle, FileImage, FileVideo, FileAudio, FileArchive, FileCode, FileSpreadsheet, Presentation, FileText, ChevronUp, ExternalLink, Download, ShieldAlert, Copy } from 'lucide-react';
 import * as React8 from 'react';
 import { createContext, forwardRef, useImperativeHandle, useRef, useState, useEffect, useMemo, useCallback, useContext, useSyncExternalStore } from 'react';
 import { createPortal } from 'react-dom';
@@ -19550,6 +19550,7 @@ function ChatMessageSources({
         /* @__PURE__ */ jsx(SectionLabel, { children: "Files" }),
         /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: fileSources.map((source) => {
           const Icon = getFileIcon3(source.file.name);
+          const sourceHref = source.webUrl ? getSafeUrl(source.webUrl) : null;
           if (!openIndexes.has(source.index)) {
             return /* @__PURE__ */ jsxs(
               "button",
@@ -19598,19 +19599,36 @@ function ChatMessageSources({
                   )
                 ] }),
                 /* @__PURE__ */ jsx(CitedQuote, { text: source.citedText }),
-                /* @__PURE__ */ jsxs(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => downloadFileMutation.mutate(source.file),
-                    disabled: downloadFileMutation.isPending,
-                    className: "inline-flex w-fit items-center gap-1 rounded-md border border-border/60 px-2 py-1 text-xs font-medium text-foreground transition-colors hover:bg-muted/40 disabled:cursor-not-allowed disabled:opacity-50",
-                    children: [
-                      /* @__PURE__ */ jsx(Download, { className: "h-3 w-3" }),
-                      "Download"
-                    ]
-                  }
-                )
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+                  sourceHref && /* @__PURE__ */ jsxs(
+                    "a",
+                    {
+                      href: sourceHref,
+                      target: "_blank",
+                      rel: "noreferrer",
+                      title: source.webUrl ?? void 0,
+                      className: "inline-flex w-fit items-center gap-1 rounded-md border border-border/60 px-2 py-1 text-xs font-medium text-foreground no-underline transition-colors hover:bg-muted/40",
+                      children: [
+                        /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3" }),
+                        "Open in ",
+                        getHost(sourceHref)
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => downloadFileMutation.mutate(source.file),
+                      disabled: downloadFileMutation.isPending,
+                      className: "inline-flex w-fit items-center gap-1 rounded-md border border-border/60 px-2 py-1 text-xs font-medium text-foreground transition-colors hover:bg-muted/40 disabled:cursor-not-allowed disabled:opacity-50",
+                      children: [
+                        /* @__PURE__ */ jsx(Download, { className: "h-3 w-3" }),
+                        "Download"
+                      ]
+                    }
+                  )
+                ] })
               ]
             },
             `${source.file.id}-${source.index}`