@opengeni/react 4.4.1 → 4.5.1-canary.39832248373001

package/src/timeline/tool-icon.tsx

@@ -0,0 +1,165 @@
+import {
+  ActivityIcon,
+  AppWindowIcon,
+  ArchiveIcon,
+  BellIcon,
+  BookOpenIcon,
+  BotIcon,
+  BoxIcon,
+  BrainCircuitIcon,
+  CalendarClockIcon,
+  CircleDotIcon,
+  ClipboardIcon,
+  CodeIcon,
+  DownloadIcon,
+  FileDiffIcon,
+  FileIcon,
+  FileSearchIcon,
+  FileSpreadsheetIcon,
+  FileTextIcon,
+  FolderGitIcon,
+  FolderIcon,
+  GlobeIcon,
+  HandIcon,
+  HourglassIcon,
+  ImageIcon,
+  InboxIcon,
+  KeyboardIcon,
+  KeyRoundIcon,
+  LogInIcon,
+  MessageCircleQuestionIcon,
+  MessagesSquareIcon,
+  MessageSquareIcon,
+  MonitorIcon,
+  PackageSearchIcon,
+  PanelsTopLeftIcon,
+  PaperclipIcon,
+  PencilIcon,
+  PlugIcon,
+  ReceiptIcon,
+  SearchIcon,
+  ServerCogIcon,
+  ServerIcon,
+  SettingsIcon,
+  Share2Icon,
+  SparklesIcon,
+  TargetIcon,
+  TerminalIcon,
+  VideoIcon,
+  WrenchIcon,
+  type LucideIcon,
+} from "lucide-react";
+import type { ToolIconKind } from "./tool-presentation";
+
+/**
+ * The icon for a presentation kind, looked up when a row renders. A module-level
+ * table would capture the icons at load time; in a bundle where this module and
+ * the icon library's chunk import each other, an icon can still be undefined
+ * then, and the row would render an undefined component (React #130).
+ */
+export function toolIcon(kind: ToolIconKind): LucideIcon {
+  switch (kind) {
+    case "terminal":
+      return TerminalIcon;
+    case "keyboard":
+      return KeyboardIcon;
+    case "file-diff":
+      return FileDiffIcon;
+    case "search":
+      return SearchIcon;
+    case "question":
+      return MessageCircleQuestionIcon;
+    case "target":
+      return TargetIcon;
+    case "brain":
+      return BrainCircuitIcon;
+    case "sessions":
+      return MessagesSquareIcon;
+    case "server":
+      return ServerIcon;
+    case "server-cog":
+      return ServerCogIcon;
+    case "calendar":
+      return CalendarClockIcon;
+    case "panels":
+      return PanelsTopLeftIcon;
+    case "share":
+      return Share2Icon;
+    case "message":
+      return MessageSquareIcon;
+    case "git":
+      return FolderGitIcon;
+    case "box":
+      return BoxIcon;
+    case "key":
+      return KeyRoundIcon;
+    case "file-search":
+      return FileSearchIcon;
+    case "package-search":
+      return PackageSearchIcon;
+    case "plug":
+      return PlugIcon;
+    case "browser":
+      return GlobeIcon;
+    case "screen":
+      return MonitorIcon;
+    case "spreadsheet":
+      return FileSpreadsheetIcon;
+    case "wait":
+      return HourglassIcon;
+    case "download":
+      return DownloadIcon;
+    case "clipboard":
+      return ClipboardIcon;
+    case "image":
+      return ImageIcon;
+    case "video":
+      return VideoIcon;
+    case "record":
+      return CircleDotIcon;
+    case "document":
+      return FileTextIcon;
+    case "file":
+      return FileIcon;
+    case "attachment":
+      return PaperclipIcon;
+    case "archive":
+      return ArchiveIcon;
+    case "folder":
+      return FolderIcon;
+    case "site":
+      return AppWindowIcon;
+    case "guide":
+      return BookOpenIcon;
+    case "settings":
+      return SettingsIcon;
+    case "bell":
+      return BellIcon;
+    case "inbox":
+      return InboxIcon;
+    case "help":
+      return HandIcon;
+    case "model":
+      return SparklesIcon;
+    case "progress":
+      return ActivityIcon;
+    case "helper":
+      return BotIcon;
+    case "sign-in":
+      return LogInIcon;
+    case "code":
+      return CodeIcon;
+    case "accounting":
+      return ReceiptIcon;
+    case "rename":
+      return PencilIcon;
+    case "wrench":
+      return WrenchIcon;
+  }
+}
+
+/** A tool kind's icon as an element. */
+export function ToolKindIcon({ kind, className }: { kind: ToolIconKind; className?: string }) {
+  const Icon = toolIcon(kind);
+  return <Icon className={className} />;
+}

package/src/timeline/tool-presentation.ts

@@ -19,7 +19,13 @@ import {
 import { invokedToolCall } from "./invoked-tool";
 import { rawTypeOf } from "./registry";
 import { mcpToolLeaf, toolDisplayName } from "./tool-display-name";
-import { toolStepLabel, toolStepPhase, type ToolStepPhase } from "./tool-steps";
+import {
+  builtInToolStep,
+  toolStepLabel,
+  toolStepPhase,
+  type ToolStepId,
+  type ToolStepPhase,
+} from "./tool-steps";
 import type { ToolCallItem } from "./types";
 import { type OpenGeniText } from "../messages/runtime";
 
@@ -53,6 +59,33 @@ export type ToolIconKind =
   | "file-search"
   | "package-search"
   | "plug"
+  | "browser"
+  | "screen"
+  | "spreadsheet"
+  | "wait"
+  | "download"
+  | "clipboard"
+  | "image"
+  | "video"
+  | "record"
+  | "document"
+  | "file"
+  | "attachment"
+  | "archive"
+  | "folder"
+  | "site"
+  | "guide"
+  | "settings"
+  | "bell"
+  | "inbox"
+  | "help"
+  | "model"
+  | "progress"
+  | "helper"
+  | "sign-in"
+  | "code"
+  | "accounting"
+  | "rename"
   | "wrench";
 
 export type ToolIconTone = "accent" | "failed" | "running" | "muted";
@@ -766,49 +799,179 @@ export function goalToolPreview(name: string, args: unknown): string | null {
   return text ? truncatePreview(text, 90) : null;
 }
 
-/** Explicit first-party leaf/prefix → canonical product icon kind. */
+/**
+ * The icon for each built-in step. Tools that read as the same step share its
+ * icon, so a row's icon always matches its words ("Opened the browser" draws
+ * the browser). Typed as a full record: a new step without an icon fails to
+ * compile.
+ */
+const TOOL_STEP_ICONS: Readonly<Record<ToolStepId, ToolIconKind>> = {
+  // Chats, goals and notifications
+  nameChat: "rename",
+  notify: "bell",
+  withdrawNotification: "bell",
+  tidyInbox: "inbox",
+  setGoal: "target",
+  noteProgress: "target",
+  completeGoal: "target",
+  pauseGoal: "target",
+  resumeGoal: "target",
+  wait: "wait",
+  askYou: "question",
+  askForHelp: "help",
+  // Notes, knowledge and instructions
+  checkNotes: "brain",
+  saveNote: "brain",
+  archiveNote: "brain",
+  proposeUpdate: "brain",
+  confirmUpdate: "brain",
+  updateInstructions: "brain",
+  coordinateWork: "sessions",
+  // Guides (Skills)
+  readGuide: "guide",
+  findGuides: "guide",
+  saveGuide: "guide",
+  removeGuide: "guide",
+  // Computers
+  findComputers: "server",
+  switchComputer: "server",
+  useComputer: "server",
+  setUpComputer: "server",
+  removeComputer: "server",
+  runCommand: "terminal",
+  runCode: "code",
+  editFile: "file-diff",
+  lookAtImage: "image",
+  searchCode: "search",
+  searchFiles: "file-search",
+  openFile: "file",
+  // Screens and the browser
+  checkScreens: "screen",
+  openScreen: "screen",
+  lookAtScreen: "screen",
+  useScreen: "screen",
+  enableScreenControl: "screen",
+  useClipboard: "clipboard",
+  openBrowser: "browser",
+  useBrowser: "browser",
+  readPage: "browser",
+  lookAtPage: "browser",
+  workInBrowser: "browser",
+  download: "download",
+  recordBrowser: "record",
+  signIn: "sign-in",
+  manageSignIns: "sign-in",
+  shareBrowser: "share",
+  workInExcel: "spreadsheet",
+  // Projects, other chats and helpers
+  checkProjects: "folder",
+  organizeProjects: "folder",
+  checkChats: "sessions",
+  chooseChat: "sessions",
+  checkProgress: "progress",
+  changeModel: "model",
+  startHelper: "helper",
+  messageAssistant: "sessions",
+  manageChat: "sessions",
+  // Workspace administration and setup
+  manageWorkspace: "settings",
+  manageSetup: "server-cog",
+  checkModels: "model",
+  // Passwords and settings
+  findPassword: "key",
+  savePassword: "key",
+  deletePassword: "key",
+  checkSettings: "settings",
+  updateSettings: "settings",
+  // Tools and connections
+  findTools: "package-search",
+  useTool: "plug",
+  requestAccess: "plug",
+  listRepositories: "git",
+  // Web, images and video
+  searchWeb: "search",
+  createImage: "image",
+  createVideo: "video",
+  // Social accounts
+  checkAccounts: "share",
+  readPosts: "share",
+  syncPosts: "share",
+  replyToPost: "share",
+  // Scheduled tasks
+  checkSchedules: "calendar",
+  createSchedule: "calendar",
+  updateSchedule: "calendar",
+  runSchedule: "calendar",
+  // Slack
+  readSlack: "message",
+  postSlack: "message",
+  deleteMessage: "message",
+  // Accounting
+  readAccounting: "accounting",
+  updateAccounting: "accounting",
+  // Documents, files and Sites
+  searchDocuments: "file-search",
+  checkDocuments: "document",
+  createDocument: "document",
+  editDocument: "document",
+  exportDocument: "document",
+  restoreDocument: "document",
+  archiveDocument: "archive",
+  shareFile: "attachment",
+  checkSite: "site",
+  updateSite: "site",
+};
+
+/** A built-in step's icon. */
+export function toolStepIconKind(step: ToolStepId): ToolIconKind {
+  return TOOL_STEP_ICONS[step];
+}
+
+/**
+ * The icon for a tool by name: a built-in tool draws its step's icon; other
+ * tools fall back to their family's icon, then the generic wrench.
+ */
 export function genericToolIconKind(name: string): ToolIconKind {
   const leaf = mcpToolLeaf(name);
-  return leaf === "request_human_input"
-    ? "question"
-    : leaf.startsWith("goal_")
-      ? "target"
-      : leaf.startsWith("memory_") ||
-          leaf === "preference_registry_summary" ||
-          leaf === "preference_registry_get"
-        ? "brain"
-        : leaf.startsWith("session_") ||
-            leaf === "sessions_list" ||
-            leaf === "set_session_title" ||
-            leaf === "set_other_session_title"
-          ? "sessions"
-          : leaf.startsWith("sandbox") || leaf === "sandboxes_list" || leaf === "run_on"
-            ? "server"
-            : leaf.startsWith("rig_")
-              ? "server-cog"
-              : leaf.startsWith("scheduled_")
-                ? "calendar"
-                : leaf.startsWith("artifacts_")
-                  ? "panels"
-                  : leaf.startsWith("social_")
-                    ? "share"
-                    : leaf.startsWith("slack_")
-                      ? "message"
-                      : leaf.startsWith("github_")
-                        ? "git"
-                        : leaf.startsWith("variable_")
-                          ? "box"
-                          : leaf.startsWith("environment_")
-                            ? "key"
-                            : leaf.includes("document") ||
-                                leaf.includes("knowledge") ||
-                                leaf === "list_document_bases"
-                              ? "file-search"
-                              : leaf === "tool_search"
-                                ? "package-search"
-                                : leaf.startsWith("skill_")
-                                  ? "plug"
-                                  : "wrench";
+  const step = builtInToolStep(leaf);
+  if (step) return TOOL_STEP_ICONS[step];
+  return leaf.startsWith("goal_")
+    ? "target"
+    : leaf.startsWith("memory_") || leaf.startsWith("knowledge_")
+      ? "brain"
+      : leaf.startsWith("session_") || leaf.startsWith("sessions_")
+        ? "sessions"
+        : leaf.startsWith("sandbox") || leaf.startsWith("connected_machine_")
+          ? "server"
+          : leaf.startsWith("rig_")
+            ? "server-cog"
+            : leaf.startsWith("scheduled_")
+              ? "calendar"
+              : leaf.startsWith("artifacts_") || leaf.startsWith("editable_artifact_")
+                ? "document"
+                : leaf.startsWith("site_")
+                  ? "site"
+                  : leaf.startsWith("browser_")
+                    ? "browser"
+                    : leaf.startsWith("computer_") || leaf.startsWith("cua_")
+                      ? "screen"
+                      : leaf.startsWith("secret_")
+                        ? "key"
+                        : leaf.startsWith("social_") ||
+                            leaf.startsWith("x_") ||
+                            leaf.startsWith("reddit_")
+                          ? "share"
+                          : leaf.startsWith("slack_")
+                            ? "message"
+                            : leaf.startsWith("github_")
+                              ? "git"
+                              : leaf.startsWith("variable_") || leaf.startsWith("environment_")
+                                ? "settings"
+                                : leaf.includes("document")
+                                  ? "file-search"
+                                  : leaf.startsWith("skill_")
+                                    ? "guide"
+                                    : "wrench";
 }
 
 type McpRowOptions = {
@@ -947,7 +1110,7 @@ export function machinePresentation(t: OpenGeniText, item: ToolCallItem): ToolRo
     (item.status === "failed" || unwrapMcpOutput(item.output).isError);
   return mcpRowPresentation(t, item, {
     tool: "machine",
-    icon: isScreenTool(leaf) ? "panels" : "server",
+    icon: genericToolIconKind(item.name),
     title: failed ? machineFailureTitle(t, leaf) : machineTitle(t, leaf, args, action, item.output),
     runningPreview: preview,
     runningFallback: t("timeline.toolPresentation.running"),
@@ -958,10 +1121,6 @@ export function machinePresentation(t: OpenGeniText, item: ToolCallItem): ToolRo
   });
 }
 
-function isScreenTool(leaf: string): boolean {
-  return leaf.startsWith("computer_") || leaf.startsWith("cua_") || leaf === "interaction_discover";
-}
-
 function machineFailureTitle(t: OpenGeniText, leaf: string): string {
   switch (leaf) {
     case "sandboxes_list":
@@ -1434,7 +1593,7 @@ export function sessionTitlePresentation(t: OpenGeniText, item: ToolCallItem): T
   const previewTitle = titleArg ? truncatePreview(titleArg, 72) : "";
   const base = {
     tool: "session_title" as const,
-    icon: "sessions" as const,
+    icon: genericToolIconKind(item.name),
     title: toolDisplayName(t, item.name, item.display, callStepPhase(item)),
   };
   if (item.status === "running") {

package/src/timeline/tool-renderers.tsx

@@ -7,36 +7,20 @@ import { defaultUrlTransform } from "react-markdown";
 import { isRetainedImageContentType, useRetainedImageObjectUrl } from "./retained-image";
 import { parseSandboxFileArtifactReceipt, type RetainedArtifactReference } from "@opengeni/sdk";
 import {
-  BoxIcon,
   BrainCircuitIcon,
-  CalendarClockIcon,
   CameraIcon,
   CameraOffIcon,
   DownloadIcon,
-  FileDiffIcon,
   FileSearchIcon,
-  FolderGitIcon,
   GlobeIcon,
   ImageIcon,
-  KeyboardIcon,
   KeyRoundIcon,
   LockIcon,
-  MessageCircleQuestionIcon,
   MessagesSquareIcon,
-  MessageSquareIcon,
   MousePointer2Icon,
   PackageSearchIcon,
   PanelsTopLeftIcon,
-  PlugIcon,
-  SearchIcon,
-  ServerCogIcon,
-  ServerIcon,
-  Share2Icon,
-  TargetIcon,
-  TerminalIcon,
   VideoIcon,
-  WrenchIcon,
-  type LucideIcon,
 } from "lucide-react";
 import { useContext, useState, type ReactNode } from "react";
 import { formatBytes, tryParseJson } from "../lib/format";
@@ -44,6 +28,7 @@ import { useTimelineComputeLabel } from "./compute-label";
 import { useToolDetails } from "./tool-details";
 import type { ToolCallItem } from "./types";
 import { ConnectorLogoIcon, useToolConnectorLogo } from "./provider-logo";
+import { toolIcon } from "./tool-icon";
 import {
   generatedImageReceipt,
   mediaPreviewFact,
@@ -95,7 +80,6 @@ import {
   writeStdinPresentation,
   type PresentedToolKind,
   type ToolBody,
-  type ToolIconKind,
   type ToolPreview,
   type ToolRowPresentation,
   type WebSearchResult,
@@ -172,59 +156,6 @@ function PathPreview({
    presentation model in ./tool-presentation, which non-DOM renderers share.
    -------------------------------------------------------------------------- */
 
-/**
- * The icon for a presentation kind, looked up when a row renders. A module-level
- * table would capture the icons at load time; in a bundle where this module and
- * the icon library's chunk import each other, an icon can still be undefined
- * then, and the row would render an undefined component (React #130).
- */
-function toolIcon(kind: ToolIconKind): LucideIcon {
-  switch (kind) {
-    case "terminal":
-      return TerminalIcon;
-    case "keyboard":
-      return KeyboardIcon;
-    case "file-diff":
-      return FileDiffIcon;
-    case "search":
-      return SearchIcon;
-    case "question":
-      return MessageCircleQuestionIcon;
-    case "target":
-      return TargetIcon;
-    case "brain":
-      return BrainCircuitIcon;
-    case "sessions":
-      return MessagesSquareIcon;
-    case "server":
-      return ServerIcon;
-    case "server-cog":
-      return ServerCogIcon;
-    case "calendar":
-      return CalendarClockIcon;
-    case "panels":
-      return PanelsTopLeftIcon;
-    case "share":
-      return Share2Icon;
-    case "message":
-      return MessageSquareIcon;
-    case "git":
-      return FolderGitIcon;
-    case "box":
-      return BoxIcon;
-    case "key":
-      return KeyRoundIcon;
-    case "file-search":
-      return FileSearchIcon;
-    case "package-search":
-      return PackageSearchIcon;
-    case "plug":
-      return PlugIcon;
-    case "wrench":
-      return WrenchIcon;
-  }
-}
-
 function presentedPreviewNode(msg: OpenGeniText, preview: ToolPreview): ReactNode {
   switch (preview.kind) {
     case "text":

package/styles/compiled.css

@@ -1652,6 +1652,9 @@
 :where(.og-root).max-h-\[92dvh\],:where(.og-root) .max-h-\[92dvh\] {
     max-height: 92dvh;
   }
+:where(.og-root).max-h-\[172px\],:where(.og-root) .max-h-\[172px\] {
+    max-height: 172px;
+  }
 :where(.og-root).max-h-\[480px\],:where(.og-root) .max-h-\[480px\] {
     max-height: 480px;
   }
@@ -1940,6 +1943,9 @@
 :where(.og-root).w-\[300\%\],:where(.og-root) .w-\[300\%\] {
     width: 300%;
   }
+:where(.og-root).w-\[400px\],:where(.og-root) .w-\[400px\] {
+    width: 400px;
+  }
 :where(.og-root).w-\[calc\(100\%\+1\.5rem\)\],:where(.og-root) .w-\[calc\(100\%\+1\.5rem\)\] {
     width: calc(100% + 1.5rem);
   }
@@ -8727,6 +8733,38 @@
       padding-inline: calc(var(--spacing) * 3.5);
     }
   }
+:where(.og-root).max-xl\:w-\[360px\],:where(.og-root) .max-xl\:w-\[360px\] {
+    @media (width < 80rem) {
+      width: 360px;
+    }
+  }
+:where(.og-root).max-lg\:h-\[55\%\],:where(.og-root) .max-lg\:h-\[55\%\] {
+    @media (width < 64rem) {
+      height: 55%;
+    }
+  }
+:where(.og-root).max-lg\:w-full,:where(.og-root) .max-lg\:w-full {
+    @media (width < 64rem) {
+      width: 100%;
+    }
+  }
+:where(.og-root).max-lg\:flex-col,:where(.og-root) .max-lg\:flex-col {
+    @media (width < 64rem) {
+      flex-direction: column;
+    }
+  }
+:where(.og-root).max-lg\:border-t,:where(.og-root) .max-lg\:border-t {
+    @media (width < 64rem) {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 1px;
+    }
+  }
+:where(.og-root).max-lg\:border-l-0,:where(.og-root) .max-lg\:border-l-0 {
+    @media (width < 64rem) {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 0px;
+    }
+  }
 :where(.og-root).max-sm\:sr-only,:where(.og-root) .max-sm\:sr-only {
     @media (width < 40rem) {
       position: absolute;

package/dist/chunk-22ZBT6CN.js

@@ -1,50 +0,0 @@
-"use client";
-import {
-  RailTrailingMetadata
-} from "./chunk-PM3OSANE.js";
-import {
-  Link
-} from "./chunk-MYNUBDU7.js";
-
-// src/app/components/rail/site-session-group-heading.tsx
-import { ChevronDownIcon, ChevronRightIcon, PanelsTopLeftIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function SiteSessionGroupHeading({
-  origin,
-  workspaceId,
-  expanded,
-  onToggle,
-  summary
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-8 items-center gap-1 rounded-md px-1 hover:bg-hover", children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "aria-label": `${expanded ? "Collapse" : "Expand"} conversations from ${origin.title}`,
-        "aria-expanded": expanded,
-        onClick: onToggle,
-        className: "flex size-7 shrink-0 items-center justify-center rounded focus-visible:ring-2 focus-visible:ring-accent",
-        children: expanded ? /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-3" }) : /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-3" })
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      Link,
-      {
-        className: "flex min-w-0 flex-1 items-center gap-1.5 text-sm focus-visible:ring-2 focus-visible:ring-accent",
-        to: "/workspaces/$workspaceId/artifacts/$artifactId",
-        params: { workspaceId, artifactId: origin.siteId },
-        children: [
-          /* @__PURE__ */ jsx(PanelsTopLeftIcon, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx("span", { className: "truncate", children: origin.title })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(RailTrailingMetadata, { summary })
-  ] });
-}
-
-export {
-  SiteSessionGroupHeading
-};
-//# sourceMappingURL=chunk-22ZBT6CN.js.map

package/dist/chunk-22ZBT6CN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/components/rail/site-session-group-heading.tsx"],"sourcesContent":["import { Link } from \"../../lib/navigation\";\nimport { ChevronDownIcon, ChevronRightIcon, PanelsTopLeftIcon } from \"lucide-react\";\nimport { RailTrailingMetadata } from \"./session-row-content\";\nimport type { RailAggregateStatus } from \"../../lib/sessions-group\";\nimport type { SessionSiteOrigin } from \"../../lib/session-site-origin\";\n\nexport function SiteSessionGroupHeading({\n  origin,\n  workspaceId,\n  expanded,\n  onToggle,\n  summary,\n}: {\n  origin: SessionSiteOrigin;\n  workspaceId: string;\n  expanded: boolean;\n  onToggle: () => void;\n  summary: RailAggregateStatus;\n}) {\n  return (\n    <div className=\"flex min-h-8 items-center gap-1 rounded-md px-1 hover:bg-hover\">\n      <button\n        type=\"button\"\n        aria-label={`${expanded ? \"Collapse\" : \"Expand\"} conversations from ${origin.title}`}\n        aria-expanded={expanded}\n        onClick={onToggle}\n        className=\"flex size-7 shrink-0 items-center justify-center rounded focus-visible:ring-2 focus-visible:ring-accent\"\n      >\n        {expanded ? (\n          <ChevronDownIcon className=\"size-3\" />\n        ) : (\n          <ChevronRightIcon className=\"size-3\" />\n        )}\n      </button>\n      <Link\n        className=\"flex min-w-0 flex-1 items-center gap-1.5 text-sm focus-visible:ring-2 focus-visible:ring-accent\"\n        to=\"/workspaces/$workspaceId/artifacts/$artifactId\"\n        params={{ workspaceId, artifactId: origin.siteId }}\n      >\n        <PanelsTopLeftIcon className=\"size-3.5 shrink-0\" aria-hidden=\"true\" />\n        <span className=\"truncate\">{origin.title}</span>\n      </Link>\n      <RailTrailingMetadata summary={summary} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AACA,SAAS,iBAAiB,kBAAkB,yBAAyB;AA4B3D,cAKJ,YALI;AAvBH,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,SACE,qBAAC,SAAI,WAAU,kEACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,GAAG,WAAW,aAAa,QAAQ,uBAAuB,OAAO,KAAK;AAAA,QAClF,iBAAe;AAAA,QACf,SAAS;AAAA,QACT,WAAU;AAAA,QAET,qBACC,oBAAC,mBAAgB,WAAU,UAAS,IAEpC,oBAAC,oBAAiB,WAAU,UAAS;AAAA;AAAA,IAEzC;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,IAAG;AAAA,QACH,QAAQ,EAAE,aAAa,YAAY,OAAO,OAAO;AAAA,QAEjD;AAAA,8BAAC,qBAAkB,WAAU,qBAAoB,eAAY,QAAO;AAAA,UACpE,oBAAC,UAAK,WAAU,YAAY,iBAAO,OAAM;AAAA;AAAA;AAAA,IAC3C;AAAA,IACA,oBAAC,wBAAqB,SAAkB;AAAA,KAC1C;AAEJ;","names":[]}