@qredence/fleet 0.6.1 → 0.6.3

package/dist/web/server/chunk-OMPXUTMX.js

@@ -0,0 +1,33 @@
+import {
+  createLucideIcon
+} from "./chunk-4ZIEVI5O.js";
+
+// web/app/dist/server/assets/git-branch-C-tKgXNV.js
+var GitBranch = createLucideIcon("git-branch", [
+  ["path", {
+    d: "M15 6a9 9 0 0 0-9 9V3",
+    key: "1cii5b"
+  }],
+  ["circle", {
+    cx: "18",
+    cy: "6",
+    r: "3",
+    key: "1h7g24"
+  }],
+  ["circle", {
+    cx: "6",
+    cy: "18",
+    r: "3",
+    key: "fqmcym"
+  }]
+]);
+
+export {
+  GitBranch
+};
+/**
+* @license lucide-react v1.38.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/

package/dist/web/server/{chunk-S3PQ6HKH.js → chunk-OVJYUWSQ.js}

@@ -1,9 +1,9 @@
-// web/app/dist/server/assets/useControlled-hwvQwteT.js
+// web/app/dist/server/assets/useControlled-ik3zrgaO.js
 import * as React$1 from "react";
 function useControlled({ controlled, default: defaultProp, name, state = "value" }) {
   const { current: isControlled } = React$1.useRef(controlled !== void 0);
   const [valueState, setValue] = React$1.useState(defaultProp);
-  return [isControlled ? controlled : valueState, React$1.useCallback((newValue) => {
+  return [isControlled && controlled !== void 0 ? controlled : valueState, React$1.useCallback((newValue) => {
     if (!isControlled) setValue(newValue);
   }, [])];
 }

package/dist/web/server/{chunk-JTCCQZLN.js → chunk-RJNGEU6C.js}

@@ -1,8 +1,8 @@
 import {
   toast
-} from "./chunk-UL2725KQ.js";
+} from "./chunk-TR2GA5OF.js";
 
-// web/app/dist/server/assets/notify-C3JqJD4q.js
+// web/app/dist/server/assets/notify-CKgkObb6.js
 function addToast(title, type) {
   return toast.add({
     title,

package/dist/web/server/{chunk-UCUFC553.js → chunk-RXUMFFUV.js}

@@ -1,8 +1,8 @@
 import {
   cn
-} from "./chunk-DJMHPJBP.js";
+} from "./chunk-CHEC7TWB.js";
 
-// web/app/dist/server/assets/surfaces-BK21vehA.js
+// web/app/dist/server/assets/surfaces-BFNfY-9d.js
 import { useLayoutEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var paper = "bg-background shadow-[0_1px_2px_rgba(0,0,0,0.04),0_12px_32px_-16px_rgba(0,0,0,0.12)] dark:bg-popover dark:shadow-none";
@@ -13,7 +13,7 @@ var labelSwap = "col-start-1 row-start-1 flex w-max items-center gap-1.5 leading
 var labelSwapIn = "opacity-100 blur-none";
 var labelSwapOut = "pointer-events-none select-none opacity-0 blur-[2px]";
 var collapsePanel = "h-(--collapsible-panel-height) overflow-hidden transition-[height] duration-200 ease-[cubic-bezier(0.32,0.72,0,1)] data-[ending-style]:h-0 data-[starting-style]:h-0 motion-reduce:transition-none";
-var mono = "font-mono text-[0.6875rem] tracking-tight";
+var mono = "font-mono text-caption tracking-tight";
 function ShimmerLabel({ active = true, className, ...props }) {
   return /* @__PURE__ */ jsx("span", {
     className: cn(active && "shimmer motion-reduce:animate-none", className),

package/dist/web/server/{chunk-DLUZFOG3.js → chunk-S2IBIJIG.js}

@@ -1,32 +1,28 @@
 import {
   ActionSwapRollText,
+  AgentDisclosure,
+  CircleX,
   Copy,
   FileCodeCorner
-} from "./chunk-EJEPDVK6.js";
-import {
-  AgentDisclosure
-} from "./chunk-VPKX7QRU.js";
+} from "./chunk-WU6X3GPJ.js";
 import {
   RotateCcw
 } from "./chunk-OOXWPL22.js";
-import {
-  Wrench
-} from "./chunk-O2DUZJYK.js";
-import {
-  CircleX
-} from "./chunk-ON33WDZX.js";
 import {
   CircleCheck,
   LoaderCircle
 } from "./chunk-TNL4YV63.js";
+import {
+  Wrench
+} from "./chunk-O2DUZJYK.js";
 import {
   useReducedMotion
-} from "./chunk-NIZBFVJF.js";
+} from "./chunk-CAPTFJOC.js";
 import {
   SPRING_PRESS,
   SPRING_SWAP,
   m
-} from "./chunk-EBG3XFGQ.js";
+} from "./chunk-7FK6YEMA.js";
 import {
   ChevronDown
 } from "./chunk-WWJF4RO2.js";
@@ -41,9 +37,9 @@ import {
 } from "./chunk-4ZIEVI5O.js";
 import {
   cn
-} from "./chunk-DJMHPJBP.js";
+} from "./chunk-CHEC7TWB.js";
 
-// web/app/dist/server/assets/tool-result-ClrwB7g3.js
+// web/app/dist/server/assets/tool-result-DVke4EO7.js
 import { useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Ban = createLucideIcon("ban", [["circle", {
@@ -226,11 +222,11 @@ function CodeBlock({ code, language = "typescript", languageLabel, filename, sta
           children: filename
         }) : null,
         /* @__PURE__ */ jsx("span", {
-          className: "text-[0.625rem] font-medium uppercase tracking-wide text-muted-foreground/55",
+          className: "text-micro font-medium uppercase tracking-wide text-muted-foreground/55",
           children: resolvedLanguageLabel
         }),
         showStatus ? /* @__PURE__ */ jsxs("span", {
-          className: cn("ml-auto inline-flex shrink-0 items-center gap-1 text-[0.625rem] font-medium", streaming ? "text-blue-600 dark:text-blue-400" : "text-emerald-600 dark:text-emerald-400"),
+          className: cn("ml-auto inline-flex shrink-0 items-center gap-1 text-micro font-medium", streaming ? "text-blue-600 dark:text-blue-400" : "text-emerald-600 dark:text-emerald-400"),
           children: [streaming ? /* @__PURE__ */ jsx(LoaderCircle, { className: cn("size-3", !reduce && "animate-spin") }) : /* @__PURE__ */ jsx(Check, { className: "size-3" }), streaming ? "Writing" : "Ready"]
         }) : null,
         copyable || onCopy ? /* @__PURE__ */ jsx(m.button, {
@@ -255,7 +251,7 @@ function CodeBlock({ code, language = "typescript", languageLabel, filename, sta
         children: /* @__PURE__ */ jsx("code", { children: lines.map((line, index) => {
           const lineNumber = index + 1;
           return /* @__PURE__ */ jsxs("span", {
-            className: cn("grid min-h-5", showLineNumbers ? "grid-cols-[2.75rem_minmax(0,1fr)]" : "grid-cols-1", highlighted.has(lineNumber) && "bg-blue-500/[0.07]"),
+            className: cn("grid min-h-5", showLineNumbers ? "grid-cols-[2.75rem_minmax(0,1fr)]" : "grid-cols-1", highlighted.has(lineNumber) && "bg-primary/[0.07]"),
             children: [showLineNumbers ? /* @__PURE__ */ jsx("span", {
               className: "select-none pr-3 text-right tabular-nums text-muted-foreground/35",
               children: lineNumber
@@ -457,7 +453,7 @@ function getSwapKey(value, fallback) {
   return typeof value === "string" || typeof value === "number" ? String(value) : fallback;
 }
 function getStatusClass(status) {
-  if (status === "running") return "text-blue-600 dark:text-blue-400";
+  if (status === "running") return "text-primary";
   if (status === "success") return "text-emerald-600 dark:text-emerald-400";
   if (status === "error") return "text-rose-600 dark:text-rose-400";
   return "text-muted-foreground";
@@ -490,7 +486,7 @@ function ToolResultOutput({ children, language: _language = "bash", label, class
   return /* @__PURE__ */ jsxs("div", {
     className: "space-y-1.5",
     children: [label ? /* @__PURE__ */ jsx("div", {
-      className: "px-0.5 text-[0.625rem] font-medium uppercase tracking-[0.12em] text-muted-foreground/60",
+      className: "px-0.5 text-micro font-medium uppercase tracking-[0.12em] text-muted-foreground/60",
       children: label
     }) : null, /* @__PURE__ */ jsx("pre", {
       className: cn("m-0 whitespace-pre-wrap break-words font-mono text-xs leading-5 text-foreground/80", className),
@@ -585,7 +581,7 @@ function ToolResult({ tool, title, children, status = "running", kind = "custom"
               })
             }) : null,
             /* @__PURE__ */ jsx("span", {
-              className: "min-w-0 truncate font-mono text-[0.6875rem] text-muted-foreground/55",
+              className: "min-w-0 truncate font-mono text-caption text-muted-foreground/55",
               children: /* @__PURE__ */ jsx(ActionSwapRollText, {
                 value: toolKey,
                 children: tool
@@ -594,7 +590,7 @@ function ToolResult({ tool, title, children, status = "running", kind = "custom"
           ]
         }),
         /* @__PURE__ */ jsxs("span", {
-          className: cn("inline-flex shrink-0 items-center gap-1 text-[0.6875rem] font-medium", getStatusClass(status)),
+          className: cn("inline-flex shrink-0 items-center gap-1 text-caption font-medium", getStatusClass(status)),
           children: [/* @__PURE__ */ jsx(StatusIcon, {
             status,
             reduce
@@ -644,7 +640,7 @@ function ToolResult({ tool, title, children, status = "running", kind = "custom"
                 children: /* @__PURE__ */ jsx(RotateCcw, { className: "size-3.5" })
               }) : null,
               /* @__PURE__ */ jsx("span", {
-                className: "ml-auto text-[0.6875rem] text-muted-foreground/55",
+                className: "ml-auto text-caption text-muted-foreground/55",
                 children: /* @__PURE__ */ jsx(ActionSwapRollText, {
                   value: status,
                   children: statusLabel

package/dist/web/server/{chunk-DO2O27B2.js → chunk-SDV3P3IW.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-AHTO6GDS.js";
 import {
   FileText
-} from "./chunk-AR7O7JXD.js";
+} from "./chunk-KBWUBWVJ.js";
 import {
   Package
 } from "./chunk-SFTKGQ7H.js";
@@ -11,7 +11,7 @@ import {
   createLucideIcon
 } from "./chunk-4ZIEVI5O.js";
 
-// web/app/dist/server/assets/resource-helpers-D-GqqhFO.js
+// web/app/dist/server/assets/resource-helpers-C3ILa-K-.js
 var BookOpen = createLucideIcon("book-open", [["path", {
   d: "M12 5v16",
   key: "1f6ucr"

package/dist/web/server/{chunk-2DDWXTVG.js → chunk-T2UTBHJ4.js}

@@ -1,16 +1,19 @@
 import {
   useChatPanelDataContext,
   useWorkspaceTreeContext
-} from "./chunk-SALXCFVO.js";
+} from "./chunk-33QA7BQJ.js";
 import {
   Bot
 } from "./chunk-UCA4WN66.js";
 import {
   Folder
 } from "./chunk-GS2IZGRC.js";
+import {
+  GitBranch
+} from "./chunk-OMPXUTMX.js";
 import {
   Skeleton
-} from "./chunk-EAJTWMK5.js";
+} from "./chunk-NZ6KQT2X.js";
 import {
   Package
 } from "./chunk-SFTKGQ7H.js";
@@ -21,7 +24,7 @@ import {
   createLucideIcon
 } from "./chunk-4ZIEVI5O.js";
 
-// web/app/dist/server/assets/right-panel-registry-C3gjjGnm.js
+// web/app/dist/server/assets/right-panel-registry-BwCjUEa7.js
 import { Suspense, lazy } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Activity = createLucideIcon("activity", [["path", {
@@ -46,12 +49,13 @@ var Library = createLucideIcon("library", [
     key: "6qkkli"
   }]
 ]);
-var LazyArtifactsPanel = lazy(() => import("./artifacts-panel-D3ySO--V-XSL53CXL.js").then(({ ArtifactsPanelContent }) => ({ default: ArtifactsPanelContent })));
-var LazyResourcesPanel = lazy(() => import("./resources-panel-CE5pD4vy-V5FXBTYC.js").then(({ ResourcesPanelContent }) => ({ default: ResourcesPanelContent })));
-var LazySessionInsightsPanel = lazy(() => import("./session-insights-panel-CUhdgvRt-VB2HUCQP.js").then(({ SessionInsightsPanel }) => ({ default: SessionInsightsPanel })));
-var LazyReplPanel = lazy(() => import("./repl-panel-CuyF8wt5-CHDT2Q3N.js").then(({ ReplPanelContent }) => ({ default: ReplPanelContent })));
-var LazySubagentsPanel = lazy(() => import("./subagents-panel-Berjd7HJ-EI5ZKC6V.js").then(({ SubagentsPanelContent }) => ({ default: SubagentsPanelContent })));
-var LazyWorkspacePanel = lazy(() => import("./workspace-panel-CBBa_3UO-B4PPFPMA.js").then(({ WorkspacePanelContent }) => ({ default: WorkspacePanelContent })));
+var LazyArtifactsPanel = lazy(() => import("./artifacts-panel-CwLVBqyi-CDORJY75.js").then(({ ArtifactsPanelContent }) => ({ default: ArtifactsPanelContent })));
+var LazyResourcesPanel = lazy(() => import("./resources-panel-ChUliWV--JITAGS6Q.js").then(({ ResourcesPanelContent }) => ({ default: ResourcesPanelContent })));
+var LazySessionInsightsPanel = lazy(() => import("./session-insights-panel-xgrkX1Rp-FDNURBXZ.js").then(({ SessionInsightsPanel }) => ({ default: SessionInsightsPanel })));
+var LazyReplPanel = lazy(() => import("./repl-panel-CgUF1qUw-3DFD2V53.js").then(({ ReplPanelContent }) => ({ default: ReplPanelContent })));
+var LazySubagentsPanel = lazy(() => import("./subagents-panel-_JsUw-6t-MZWM5P45.js").then(({ SubagentsPanelContent }) => ({ default: SubagentsPanelContent })));
+var LazyWorkspacePanel = lazy(() => import("./workspace-panel-BHEB9nRM-Y6KGIVGP.js").then(({ WorkspacePanelContent }) => ({ default: WorkspacePanelContent })));
+var LazySessionTreePanel = lazy(() => import("./session-tree-panel-rS0t1wbf-HNA6AJBY.js").then(({ SessionTreePanel }) => ({ default: SessionTreePanel })));
 function PanelFallback() {
   return /* @__PURE__ */ jsxs("div", {
     className: "flex min-h-32 flex-col gap-3 p-4",
@@ -67,7 +71,7 @@ function SessionInsightsContent() {
       activityLabel: data.activityLabel,
       artifactRuns: data.artifactRuns,
       chatMode: data.chatMode,
-      messages: data.messages,
+      transcriptSummary: data.transcriptSummary,
       planLabel: data.planLabel,
       presentation: data.presentation,
       queue: data.queue,
@@ -111,7 +115,7 @@ function ArtifactsContent() {
     fallback: /* @__PURE__ */ jsx(PanelFallback, {}),
     children: /* @__PURE__ */ jsx(LazyArtifactsPanel, {
       artifactRuns: data.artifactRuns,
-      messages: data.messages,
+      openUIBlocks: data.transcriptSummary.openUIBlocks,
       onOpenUIAction: data.onOpenUIAction,
       selectedArtifactId: data.selectedArtifactId,
       status: data.status
@@ -142,6 +146,23 @@ function SubagentsContent() {
     })
   });
 }
+function SessionTreeContent() {
+  const data = useChatPanelDataContext();
+  return /* @__PURE__ */ jsx(Suspense, {
+    fallback: /* @__PURE__ */ jsx(PanelFallback, {}),
+    children: /* @__PURE__ */ jsx(LazySessionTreePanel, {
+      sessionId: data.sessionId,
+      snapshot: data.sessionTreeSnapshot,
+      loading: data.sessionTreeLoading,
+      error: data.sessionTreeError,
+      isStreaming: data.isSessionTreeStreaming,
+      selectedEntryId: data.selectedSessionTreeEntryId,
+      onSelectEntry: data.selectSessionTreeEntry,
+      onRefresh: data.refreshSessionTree,
+      onRewind: data.rewindSessionTree
+    })
+  });
+}
 var RIGHT_PANEL_REGISTRY = {
   resources: {
     id: "resources",
@@ -268,6 +289,29 @@ var RIGHT_PANEL_REGISTRY = {
     loadingSource: void 0,
     refreshSource: void 0,
     component: SessionInsightsContent
+  },
+  "session-tree": {
+    id: "session-tree",
+    order: 6,
+    title: "Session tree",
+    ariaLabel: "Session tree",
+    commandLabel: "Open Session Tree",
+    commandKeywords: [
+      "session",
+      "tree",
+      "branch",
+      "rewind",
+      "history",
+      "panels"
+    ],
+    icon: GitBranch,
+    dataTestid: "pi-session-tree-canvas",
+    mobileDataTestid: "pi-session-tree-mobile-panel",
+    showInLauncher: true,
+    badgeSource: void 0,
+    loadingSource: void 0,
+    refreshSource: void 0,
+    component: SessionTreeContent
   }
 };
 var RIGHT_PANEL_LAUNCHER_DEFINITIONS = Object.values(RIGHT_PANEL_REGISTRY).sort((left, right) => left.order - right.order).filter((definition) => definition.showInLauncher !== false);

package/dist/web/server/chunk-TLNZNR7C.js

@@ -0,0 +1,46 @@
+import {
+  clsx
+} from "./chunk-JDCCC7A7.js";
+
+// web/app/dist/server/assets/dist-CMqbuTMf.js
+var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
+var cx = clsx;
+var cva = (base, config) => (props) => {
+  var _config_compoundVariants;
+  if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+  const { variants, defaultVariants } = config;
+  const getVariantClassNames = Object.keys(variants).map((variant) => {
+    const variantProp = props === null || props === void 0 ? void 0 : props[variant];
+    const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
+    if (variantProp === null) return null;
+    const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
+    return variants[variant][variantKey];
+  });
+  const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
+    let [key, value] = param;
+    if (value === void 0) return acc;
+    acc[key] = value;
+    return acc;
+  }, {});
+  return cx(base, getVariantClassNames, config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param) => {
+    let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
+    return Object.entries(compoundVariantOptions).every((param2) => {
+      let [key, value] = param2;
+      return Array.isArray(value) ? value.includes({
+        ...defaultVariants,
+        ...propsWithoutUndefined
+      }[key]) : {
+        ...defaultVariants,
+        ...propsWithoutUndefined
+      }[key] === value;
+    }) ? [
+      ...acc,
+      cvClass,
+      cvClassName
+    ] : acc;
+  }, []), props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+};
+
+export {
+  cva
+};

package/dist/web/server/{chunk-UL2725KQ.js → chunk-TR2GA5OF.js}

@@ -2,6 +2,9 @@ import {
   CircleCheck,
   LoaderCircle
 } from "./chunk-TNL4YV63.js";
+import {
+  X
+} from "./chunk-JBLHIEVG.js";
 import {
   BASE_UI_SWIPE_IGNORE_SELECTOR,
   Button,
@@ -19,10 +22,7 @@ import {
   useFloatingPortalNode,
   useTimeout,
   visuallyHidden
-} from "./chunk-WNCAL4HN.js";
-import {
-  X
-} from "./chunk-JBLHIEVG.js";
+} from "./chunk-HQ5TEXHT.js";
 import {
   addEventListener,
   formatErrorMessage,
@@ -36,7 +36,7 @@ import {
   useRefWithInit,
   useRenderElement,
   useStableCallback
-} from "./chunk-XIB6XNUX.js";
+} from "./chunk-XJ6TGSUB.js";
 import {
   TriangleAlert
 } from "./chunk-HFQZLPU2.js";
@@ -45,9 +45,9 @@ import {
 } from "./chunk-4ZIEVI5O.js";
 import {
   cn
-} from "./chunk-DJMHPJBP.js";
+} from "./chunk-CHEC7TWB.js";
 
-// web/app/dist/server/assets/toast-DLv6pP5-.js
+// web/app/dist/server/assets/toast-CIql9TTn.js
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as ReactDOM from "react-dom";
@@ -103,16 +103,16 @@ function resolvePromiseOptions(options, result) {
 function createToastMetadata(toasts) {
   const metadata = /* @__PURE__ */ new Map();
   let visibleIndex = 0;
-  let offsetY = 0;
+  let offsetY2 = 0;
   toasts.forEach((toast2, toastIndex) => {
     const isEnding = toast2.transitionStatus === "ending";
     metadata.set(toast2.id, {
       value: toast2,
       domIndex: toastIndex,
       visibleIndex: isEnding ? -1 : visibleIndex,
-      offsetY
+      offsetY: offsetY2
     });
-    offsetY += toast2.height || 0;
+    offsetY2 += toast2.height || 0;
     if (!isEnding) visibleIndex += 1;
   });
   return metadata;
@@ -176,12 +176,12 @@ var ToastStore = class extends ReactStore {
     };
   };
   removeToast(toastId, skipOnRemove = false) {
-    const index = selectors.toastIndex(this.state, toastId);
-    if (index === -1) return;
-    const toast2 = this.state.toasts[index];
+    const index2 = selectors.toastIndex(this.state, toastId);
+    if (index2 === -1) return;
+    const toast2 = this.state.toasts[index2];
     if (!skipOnRemove) toast2?.onRemove?.();
     const newToasts = [...this.state.toasts];
-    newToasts.splice(index, 1);
+    newToasts.splice(index2, 1);
     this.setToasts(newToasts);
   }
   addToast = (toast2) => {
@@ -212,7 +212,9 @@ var ToastStore = class extends ReactStore {
     return id;
   };
   updateToast = (id, updates) => {
-    this.updateToastInternal(id, updates, false, true);
+    const prevToast = selectors.toast(this.state, id);
+    if (!prevToast || prevToast.transitionStatus === "ending") return;
+    this.updateToastInternal(id, typeof updates === "function" ? updates(prevToast) : updates, false, true);
   };
   updateToastInternal = (id, updates, resetTimer = false, markUpdated = false) => {
     const { timeout, toasts } = this.state;
@@ -383,7 +385,7 @@ var ToastStore = class extends ReactStore {
     const toasts = selectors.toasts(this.state);
     const currentIndex = selectors.toastIndex(this.state, toastId);
     const scan = (from, step) => {
-      for (let index = from; index >= 0 && index < toasts.length; index += step) if (toasts[index].transitionStatus !== "ending") return toasts[index];
+      for (let index2 = from; index2 >= 0 && index2 < toasts.length; index2 += step) if (toasts[index2].transitionStatus !== "ending") return toasts[index2];
       return null;
     };
     const nextToast = scan(currentIndex + 1, 1) ?? scan(currentIndex - 1, -1);
@@ -409,7 +411,7 @@ var ToastProvider$1 = function ToastProvider(props) {
     return toastManager[" subscribe"](({ action, options }) => {
       const id = options.id;
       if (action === "promise" && options.promise) store.promiseToast(options.promise, options);
-      else if (action === "update" && id) store.updateToast(id, options);
+      else if (action === "update" && id) store.updateToast(id, options.updates);
       else if (action === "close") store.closeToast(id);
       else store.addToast(options);
     });
@@ -434,6 +436,7 @@ function ToastProviderPropsSynchronizer(props) {
   ]);
   return null;
 }
+var frontmostHeight = "--toast-frontmost-height";
 var ToastViewport$1 = /* @__PURE__ */ React$1.forwardRef(function ToastViewport(componentProps, forwardedRef) {
   const { render, className, style, children, ...elementProps } = componentProps;
   const store = useToastProviderContext();
@@ -446,7 +449,7 @@ var ToastViewport$1 = /* @__PURE__ */ React$1.forwardRef(function ToastViewport(
   const focused = store.useState("focused");
   const expanded = store.useState("expanded");
   const prevFocusElement = store.useState("prevFocusElement");
-  const frontmostHeight = toasts[0]?.height;
+  const frontmostHeight$1 = toasts[0]?.height;
   const hasTransitioningToasts = toasts.some((toast2) => toast2.transitionStatus === "ending");
   const highPriorityToasts = toasts.filter((toast2) => toast2.priority === "high");
   React$1.useEffect(() => {
@@ -553,7 +556,7 @@ var ToastViewport$1 = /* @__PURE__ */ React$1.forwardRef(function ToastViewport(
     onPointerDown: handlePointerDown,
     onPointerUp: handlePointerEnd,
     onPointerCancel: handlePointerEnd,
-    style: { ["--toast-frontmost-height"]: frontmostHeight ? `${frontmostHeight}px` : void 0 }
+    style: { [frontmostHeight]: frontmostHeight$1 ? `${frontmostHeight$1}px` : void 0 }
   };
   const state = { expanded };
   const focusGuard = !isEmpty && prevFocusElement && /* @__PURE__ */ jsx(FocusGuard, { onFocus: handleFocusGuard });
@@ -589,22 +592,8 @@ function useToastRootContext() {
   if (!context) throw new Error(formatErrorMessage(66));
   return context;
 }
-function getDisplacement(direction, deltaX, deltaY) {
-  switch (direction) {
-    case "up":
-      return -deltaY;
-    case "down":
-      return deltaY;
-    case "left":
-      return -deltaX;
-    case "right":
-      return deltaX;
-    default:
-      return 0;
-  }
-}
-function getElementTransform(element) {
-  const transform = getWindow(element).getComputedStyle(element).transform;
+function getElementTransform(element, computedStyle) {
+  const transform = (computedStyle ?? getWindow(element).getComputedStyle(element)).transform;
   let translateX = 0;
   let translateY = 0;
   let scale = 1;
@@ -629,10 +618,30 @@ function getElementTransform(element) {
     scale
   };
 }
+function getDisplacement(direction, deltaX, deltaY) {
+  switch (direction) {
+    case "up":
+      return -deltaY;
+    case "down":
+      return deltaY;
+    case "left":
+      return -deltaX;
+    case "right":
+      return deltaX;
+    default:
+      return 0;
+  }
+}
+var index = "--toast-index";
+var offsetY = "--toast-offset-y";
+var height = "--toast-height";
+var swipeMovementX = "--toast-swipe-movement-x";
+var swipeMovementY = "--toast-swipe-movement-y";
+var swipeDirection = "data-swipe-direction";
 var toastRootStateAttributesMapping = {
   ...transitionStatusMapping,
   swipeDirection(value) {
-    return value ? { "data-swipe-direction": value } : null;
+    return value ? { [swipeDirection]: value } : null;
   }
 };
 var SWIPE_THRESHOLD = 40;
@@ -641,10 +650,10 @@ var OPPOSITE_DIRECTION_DAMPING_FACTOR = 0.5;
 var MIN_DRAG_THRESHOLD = 1;
 var TOAST_SWIPE_IGNORE_SELECTOR = `${BASE_UI_SWIPE_IGNORE_SELECTOR},${LEGACY_SWIPE_IGNORE_SELECTOR}`;
 var ToastRoot = /* @__PURE__ */ React$1.forwardRef(function ToastRoot2(componentProps, forwardedRef) {
-  const { toast: toast2, render, className, swipeDirection = ["down", "right"], style, ...elementProps } = componentProps;
+  const { toast: toast2, render, className, swipeDirection: swipeDirection2 = ["down", "right"], style, ...elementProps } = componentProps;
   const isAnchored = toast2.positionerProps?.anchor !== void 0;
   let swipeDirections = [];
-  if (!isAnchored) swipeDirections = Array.isArray(swipeDirection) ? swipeDirection : [swipeDirection];
+  if (!isAnchored) swipeDirections = Array.isArray(swipeDirection2) ? swipeDirection2 : [swipeDirection2];
   const swipeEnabled = swipeDirections.length > 0;
   const store = useToastProviderContext();
   const [currentSwipeDirection, setCurrentSwipeDirection] = React$1.useState(void 0);
@@ -689,7 +698,7 @@ var ToastRoot = /* @__PURE__ */ React$1.forwardRef(function ToastRoot2(component
   const dragAbortControllerRef = React$1.useRef(null);
   const domIndex = store.useState("toastIndex", toast2.id);
   const visibleIndex = store.useState("toastVisibleIndex", toast2.id);
-  const offsetY = store.useState("toastOffsetY", toast2.id);
+  const offsetY$1 = store.useState("toastOffsetY", toast2.id);
   const focused = store.useState("focused");
   const expanded = store.useState("expanded");
   useOpenChangeComplete({
@@ -704,12 +713,12 @@ var ToastRoot = /* @__PURE__ */ React$1.forwardRef(function ToastRoot2(component
     if (!element2) return;
     const previousHeight = element2.style.height;
     element2.style.height = "auto";
-    const height = element2.offsetHeight;
+    const height2 = element2.offsetHeight;
     element2.style.height = previousHeight;
     function update() {
       store.updateToastInternal(toast2.id, {
         ref: rootRef,
-        height,
+        height: height2,
         transitionStatus: void 0
       });
     }
@@ -917,8 +926,8 @@ var ToastRoot = /* @__PURE__ */ React$1.forwardRef(function ToastRoot2(component
     return {
       transition: isSwiping ? "none" : void 0,
       transform: isSwiping ? `translateX(${dragOffset.x}px) translateY(${dragOffset.y}px) scale(${initialTransform.scale})` : void 0,
-      ["--toast-swipe-movement-x"]: `${deltaX}px`,
-      ["--toast-swipe-movement-y"]: `${deltaY}px`
+      [swipeMovementX]: `${deltaX}px`,
+      [swipeMovementY]: `${deltaY}px`
     };
   }
   const isHighPriority = toast2.priority === "high";
@@ -937,9 +946,9 @@ var ToastRoot = /* @__PURE__ */ React$1.forwardRef(function ToastRoot2(component
     inert: inertValue(toast2.limited),
     style: {
       ...getDragStyles(),
-      ["--toast-index"]: toast2.transitionStatus === "ending" ? domIndex : visibleIndex,
-      ["--toast-offset-y"]: `${offsetY}px`,
-      ["--toast-height"]: toast2.height ? `${toast2.height}px` : void 0
+      [index]: toast2.transitionStatus === "ending" ? domIndex : visibleIndex,
+      [offsetY]: `${offsetY$1}px`,
+      [height]: toast2.height ? `${toast2.height}px` : void 0
     }
   };
   const toastRoot = React$1.useMemo(() => ({
@@ -1180,8 +1189,8 @@ function createToastManager$1() {
       emit({
         action: "update",
         options: {
-          ...updates,
-          id
+          id,
+          updates
         }
       });
     },
@@ -1315,7 +1324,6 @@ function Toaster({ children, toastManager = toast, ...props }) {
 
 export {
   Info,
-  FloatingPortalLite,
   toast,
   Toaster
 };