@qredence/fleet 0.6.1 → 0.6.2

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

@@ -1,38 +1,34 @@
 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";
-import {
-  ChevronDown
-} from "./chunk-WWJF4RO2.js";
+} from "./chunk-7FK6YEMA.js";
 import {
   Check
 } from "./chunk-4QD4PCVP.js";
+import {
+  ChevronDown
+} from "./chunk-WWJF4RO2.js";
 import {
   SquareTerminal
 } from "./chunk-X7D6GFQU.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-BLSX7WHW.js → chunk-OSMP55KI.js}

@@ -2,7 +2,7 @@ import {
   createLucideIcon
 } from "./chunk-4ZIEVI5O.js";
 
-// web/app/dist/server/assets/shield-check-CDGfwDSf.js
+// web/app/dist/server/assets/sparkles-C2tMiLx7.js
 var ExternalLink = createLucideIcon("external-link", [
   ["path", {
     d: "M15 3h6v6",
@@ -58,12 +58,33 @@ var ShieldCheck = createLucideIcon("shield-check", [["path", {
   d: "m9 12 2 2 4-4",
   key: "dzmm74"
 }]]);
+var Sparkles = createLucideIcon("sparkles", [
+  ["path", {
+    d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",
+    key: "1s2grr"
+  }],
+  ["path", {
+    d: "M20 2v4",
+    key: "1rf3ol"
+  }],
+  ["path", {
+    d: "M22 4h-4",
+    key: "gwowj6"
+  }],
+  ["circle", {
+    cx: "4",
+    cy: "20",
+    r: "2",
+    key: "6kqj1y"
+  }]
+]);
 
 export {
   ExternalLink,
   GitBranch,
   Globe,
-  ShieldCheck
+  ShieldCheck,
+  Sparkles
 };
 /**
 * @license lucide-react v1.38.0 - ISC

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-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-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-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-FYDQK6UX.js → chunk-UDD5W4CR.js}

@@ -12,12 +12,12 @@ import {
 } from "./chunk-4ZIEVI5O.js";
 import {
   cn
-} from "./chunk-DJMHPJBP.js";
+} from "./chunk-CHEC7TWB.js";
 import {
   __exportAll
 } from "./chunk-L547YHC4.js";
 
-// web/app/dist/server/assets/fleet-tool-timeline-D6yM4ZMz.js
+// web/app/dist/server/assets/tool-timeline-QL9k5dzA.js
 import { useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var FilePenLine = createLucideIcon("file-pen-line", [
@@ -58,8 +58,20 @@ var FileSearch = createLucideIcon("file-search", [
     key: "2quom7"
   }]
 ]);
-var fleet_tool_timeline_exports = /* @__PURE__ */ __exportAll({ FleetToolTimeline: () => FleetToolTimeline });
+var tool_timeline_exports = /* @__PURE__ */ __exportAll({ ToolTimeline: () => ToolTimeline });
 var NO_ARTIFACTS = [];
+function artifactPanel(kind) {
+  return kind === "ipython" ? "repl" : "artifacts";
+}
+function withArtifact(step, artifact) {
+  if (!artifact) return step;
+  return {
+    ...step,
+    artifactId: artifact.id,
+    artifactTitle: artifact.title,
+    artifactTarget: artifactPanel(artifact.kind)
+  };
+}
 function record(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value) ? value : void 0;
 }
@@ -109,23 +121,24 @@ function artifactStep(artifact) {
   };
 }
 function statusClass(status2) {
-  if (status2 === "running") return "text-blue-600 dark:text-blue-400";
+  if (status2 === "running") return "text-primary";
   if (status2 === "error") return "text-destructive";
   if (status2 === "cancelled") return "text-muted-foreground";
   return "text-emerald-600 dark:text-emerald-400";
 }
-function FleetToolTimeline({ messages, artifacts = NO_ARTIFACTS, streaming, className }) {
+function ToolTimeline({ messages, artifacts = NO_ARTIFACTS, streaming, className, onOpenArtifact }) {
   const steps = useMemo(() => {
     const seen = /* @__PURE__ */ new Set();
+    const artifactByToolCallId = new Map(artifacts.flatMap((artifact) => artifact.sourceToolCallId ? [[artifact.sourceToolCallId, artifact]] : []));
     const fromMessages = messages.flatMap((message) => message.parts.flatMap((part, index) => {
       const step = toolStep(record(part) ?? {}, `${message.id}:${index}`, streaming);
       if (!step || seen.has(step.id)) return [];
       seen.add(step.id);
-      return [step];
+      return [withArtifact(step, artifactByToolCallId.get(step.id))];
     }));
     const fromArtifacts = artifacts.flatMap((artifact) => {
       if (artifact.sourceToolCallId && seen.has(artifact.sourceToolCallId)) return [];
-      const step = artifactStep(artifact);
+      const step = withArtifact(artifactStep(artifact), artifact);
       if (seen.has(step.id)) return [];
       seen.add(step.id);
       return [step];
@@ -159,6 +172,8 @@ function FleetToolTimeline({ messages, artifacts = NO_ARTIFACTS, streaming, clas
       className: "space-y-1 border-t border-border/50 px-3 py-2",
       children: steps.map((step) => {
         const Icon = step.icon;
+        const artifactId = step.artifactId;
+        const openLabel = artifactId && step.artifactTitle ? step.artifactTarget === "repl" ? `Open ${step.artifactTitle} in REPL` : `Open ${step.artifactTitle} in artifacts` : void 0;
         return /* @__PURE__ */ jsxs("div", {
           className: "flex min-w-0 items-center gap-2 text-xs",
           children: [
@@ -170,7 +185,14 @@ function FleetToolTimeline({ messages, artifacts = NO_ARTIFACTS, streaming, clas
             /* @__PURE__ */ jsx("span", {
               className: "min-w-0 flex-1 truncate font-mono text-foreground/75",
               children: step.target
-            })
+            }),
+            openLabel && artifactId && onOpenArtifact ? /* @__PURE__ */ jsx("button", {
+              type: "button",
+              className: "shrink-0 text-micro text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              "aria-label": openLabel,
+              onClick: () => onOpenArtifact(artifactId, step.artifactTarget),
+              children: "Open"
+            }) : null
           ]
         }, step.id);
       })
@@ -179,8 +201,8 @@ function FleetToolTimeline({ messages, artifacts = NO_ARTIFACTS, streaming, clas
 }
 
 export {
-  fleet_tool_timeline_exports,
-  FleetToolTimeline
+  tool_timeline_exports,
+  ToolTimeline
 };
 /**
 * @license lucide-react v1.38.0 - ISC

package/dist/web/server/{chunk-MNPHMZU7.js → chunk-UE32PAV2.js}

@@ -1,20 +1,20 @@
 import {
   useControlled
-} from "./chunk-S3PQ6HKH.js";
+} from "./chunk-OVJYUWSQ.js";
 import {
   useBaseUiId,
   useTransitionStatus,
   useValueAsRef
-} from "./chunk-MNBGB2SP.js";
+} from "./chunk-E5HALE4M.js";
 import {
   AnimationFrame,
-  TransitionStatusDataAttributes,
   addEventListener,
   createChangeEventDetails,
   formatErrorMessage,
   getWindow,
   none,
   resolveStyle,
+  startingStyle,
   transitionStatusMapping,
   triggerPress,
   useAnimationsFinished,
@@ -24,25 +24,25 @@ import {
   useOpenChangeComplete,
   useRenderElement,
   useStableCallback
-} from "./chunk-XIB6XNUX.js";
+} from "./chunk-XJ6TGSUB.js";
 
-// web/app/dist/server/assets/collapsible-4_BobS1N.js
+// web/app/dist/server/assets/collapsible-BaxQjuKb.js
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 function useCollapsibleRoot(parameters) {
-  const { open: openParam, defaultOpen, onOpenChange, disabled } = parameters;
-  const [open, setOpen] = useControlled({
+  const { open: openParam, defaultOpen = false, onOpenChange, disabled } = parameters;
+  const [open2, setOpen] = useControlled({
     controlled: openParam,
     default: defaultOpen,
     name: "Collapsible",
     state: "open"
   });
-  const { mounted, setMounted, transitionStatus } = useTransitionStatus(open, true, true);
+  const { mounted, setMounted, transitionStatus } = useTransitionStatus(open2, true, true);
   const defaultPanelId = useBaseUiId();
   const [registeredPanelId, setPanelIdState] = React$1.useState();
   const panelId = registeredPanelId === null ? void 0 : registeredPanelId ?? defaultPanelId;
   const handleTrigger = useStableCallback((event) => {
-    const nextOpen = !open;
+    const nextOpen = !open2;
     const eventDetails = createChangeEventDetails(triggerPress, event.nativeEvent);
     onOpenChange(nextOpen, eventDetails);
     if (eventDetails.isCanceled) return;
@@ -53,7 +53,7 @@ function useCollapsibleRoot(parameters) {
     disabled,
     handleTrigger,
     mounted,
-    open,
+    open: open2,
     panelId,
     setMounted,
     setOpen,
@@ -64,7 +64,7 @@ function useCollapsibleRoot(parameters) {
     disabled,
     handleTrigger,
     mounted,
-    open,
+    open2,
     panelId,
     setMounted,
     setOpen,
@@ -78,21 +78,14 @@ function useCollapsibleRootContext() {
   if (context === void 0) throw new Error(formatErrorMessage(15));
   return context;
 }
-var CollapsiblePanelDataAttributes = (function(CollapsiblePanelDataAttributes2) {
-  CollapsiblePanelDataAttributes2["open"] = "data-open";
-  CollapsiblePanelDataAttributes2["closed"] = "data-closed";
-  CollapsiblePanelDataAttributes2[CollapsiblePanelDataAttributes2["startingStyle"] = TransitionStatusDataAttributes.startingStyle] = "startingStyle";
-  CollapsiblePanelDataAttributes2[CollapsiblePanelDataAttributes2["endingStyle"] = TransitionStatusDataAttributes.endingStyle] = "endingStyle";
-  return CollapsiblePanelDataAttributes2;
-})({});
-var CollapsibleTriggerDataAttributes = /* @__PURE__ */ (function(CollapsibleTriggerDataAttributes2) {
-  CollapsibleTriggerDataAttributes2["panelOpen"] = "data-panel-open";
-  return CollapsibleTriggerDataAttributes2;
-})({});
-var PANEL_OPEN_HOOK = { [CollapsiblePanelDataAttributes.open]: "" };
-var PANEL_CLOSED_HOOK = { [CollapsiblePanelDataAttributes.closed]: "" };
+var open = "data-open";
+var closed = "data-closed";
+var startingStyle2 = startingStyle;
+var panelOpen = "data-panel-open";
+var PANEL_OPEN_HOOK = { [open]: "" };
+var PANEL_CLOSED_HOOK = { [closed]: "" };
 var triggerOpenStateMapping = { open(value) {
-  if (value) return { [CollapsibleTriggerDataAttributes.panelOpen]: "" };
+  if (value) return { [panelOpen]: "" };
   return null;
 } };
 var collapsibleStateAttributesMapping = {
@@ -103,10 +96,10 @@ var collapsibleStateAttributesMapping = {
   ...transitionStatusMapping
 };
 var CollapsibleRoot = /* @__PURE__ */ React$1.forwardRef(function CollapsibleRoot2(componentProps, forwardedRef) {
-  const { render, className, defaultOpen = false, disabled = false, onOpenChange: onOpenChangeProp, open, style, ...elementProps } = componentProps;
+  const { render, className, defaultOpen = false, disabled = false, onOpenChange: onOpenChangeProp, open: open2, style, ...elementProps } = componentProps;
   const onOpenChange = useStableCallback(onOpenChangeProp);
   const collapsible = useCollapsibleRoot({
-    open,
+    open: open2,
     defaultOpen,
     onOpenChange,
     disabled
@@ -145,7 +138,7 @@ var stateAttributesMapping = {
   ...transitionStatusMapping
 };
 var CollapsibleTrigger$1 = /* @__PURE__ */ React$1.forwardRef(function CollapsibleTrigger(componentProps, forwardedRef) {
-  const { panelId, open, handleTrigger, state, disabled: contextDisabled } = useCollapsibleRootContext();
+  const { panelId, open: open2, handleTrigger, state, disabled: contextDisabled } = useCollapsibleRootContext();
   const { className, disabled = contextDisabled, render, nativeButton = true, style, ...elementProps } = componentProps;
   const { getButtonProps, buttonRef } = useButton({
     disabled,
@@ -157,8 +150,8 @@ var CollapsibleTrigger$1 = /* @__PURE__ */ React$1.forwardRef(function Collapsib
     ref: [forwardedRef, buttonRef],
     props: [
       {
-        "aria-controls": open ? panelId : void 0,
-        "aria-expanded": open,
+        "aria-controls": open2 ? panelId : void 0,
+        "aria-expanded": open2,
         onClick: handleTrigger
       },
       elementProps,
@@ -172,23 +165,23 @@ var EMPTY_DIMENSIONS = {
   width: void 0
 };
 function useCollapsiblePanel(parameters) {
-  const { externalRef, hiddenUntilFound, id: idParam, keepMounted, mounted, onOpenChange, open, setMounted, setOpen, transitionStatus } = parameters;
+  const { externalRef, hiddenUntilFound, id: idParam, keepMounted, mounted, onOpenChange, open: open2, setMounted, setOpen, transitionStatus } = parameters;
   const panelRef = React$1.useRef(null);
   const animationTypeRef = React$1.useRef(null);
   const [dimensions, setDimensionsUnwrapped] = React$1.useState(EMPTY_DIMENSIONS);
   const lastMeasuredDimensionsRef = React$1.useRef(EMPTY_DIMENSIONS);
   const shouldSkipNextOpenRef = React$1.useRef(false);
-  const shouldPreventMountAnimationRef = React$1.useRef(open);
+  const shouldPreventMountAnimationRef = React$1.useRef(open2);
   const shouldPreventActivityResumeAnimationRef = React$1.useRef(false);
   const [forcePanelIdle, setForcePanelIdle] = React$1.useState(false);
   const pendingTemporaryStyleRestoreRef = React$1.useRef(null);
   const mergedPanelRef = useMergedRefs(externalRef, panelRef);
-  const latestOpenRef = useValueAsRef(open);
+  const latestOpenRef = useValueAsRef(open2);
   const runOnceCloseAnimationsFinish = useAnimationsFinished(panelRef);
-  const hidden = !open && !mounted;
+  const hidden = !open2 && !mounted;
   const panelTransitionStatus = forcePanelIdle ? "idle" : transitionStatus;
-  const shouldPreventOpenAnimation = open && (shouldPreventMountAnimationRef.current || shouldPreventActivityResumeAnimationRef.current);
-  const renderedDimensions = !open && mounted && animationTypeRef.current === "css-animation" && dimensions.height === void 0 && dimensions.width === void 0 ? lastMeasuredDimensionsRef.current : dimensions;
+  const shouldPreventOpenAnimation = open2 && (shouldPreventMountAnimationRef.current || shouldPreventActivityResumeAnimationRef.current);
+  const renderedDimensions = !open2 && mounted && animationTypeRef.current === "css-animation" && dimensions.height === void 0 && dimensions.width === void 0 ? lastMeasuredDimensionsRef.current : dimensions;
   const shouldPersistHiddenTransitionStyles = hiddenUntilFound && hidden && animationTypeRef.current !== "css-animation";
   const setDimensions = useStableCallback((nextDimensions, shouldCacheMeasurement = true) => {
     if (shouldCacheMeasurement) lastMeasuredDimensionsRef.current = nextDimensions;
@@ -206,7 +199,7 @@ function useCollapsiblePanel(parameters) {
     };
   });
   const markActivityResumeAnimationSuppressed = useStableCallback(() => {
-    if (open && mounted && animationTypeRef.current === "css-animation") shouldPreventActivityResumeAnimationRef.current = true;
+    if (open2 && mounted && animationTypeRef.current === "css-animation") shouldPreventActivityResumeAnimationRef.current = true;
   });
   useIsoLayoutEffect(() => {
     if (!forcePanelIdle || transitionStatus === "starting") return;
@@ -221,14 +214,14 @@ function useCollapsiblePanel(parameters) {
   useIsoLayoutEffect(() => {
     const panel = panelRef.current;
     if (!panel) return;
-    if (!open && pendingTemporaryStyleRestoreRef.current) restorePendingTemporaryStyle();
+    if (!open2 && pendingTemporaryStyleRestoreRef.current) restorePendingTemporaryStyle();
     const animationType = getAnimationType(panel, shouldPreventOpenAnimation);
     animationTypeRef.current = animationType;
-    if (open && transitionStatus === "idle" && shouldPreventMountAnimationRef.current && animationType === "css-animation") {
+    if (open2 && transitionStatus === "idle" && shouldPreventMountAnimationRef.current && animationType === "css-animation") {
       lastMeasuredDimensionsRef.current = getDimensions(panel);
       return;
     }
-    if (open && transitionStatus === "starting") {
+    if (open2 && transitionStatus === "starting") {
       const skipNextOpen = shouldSkipNextOpenRef.current;
       shouldSkipNextOpenRef.current = false;
       if (animationType === "none") {
@@ -257,7 +250,7 @@ function useCollapsiblePanel(parameters) {
       setForcePanelIdle(true);
       return;
     }
-    if (!open && mounted && (transitionStatus === "idle" || transitionStatus === "starting")) {
+    if (!open2 && mounted && (transitionStatus === "idle" || transitionStatus === "starting")) {
       shouldPreventMountAnimationRef.current = false;
       shouldPreventActivityResumeAnimationRef.current = false;
       if (animationType === "none") {
@@ -282,7 +275,7 @@ function useCollapsiblePanel(parameters) {
     if (animationType === "css-animation") setTemporaryStyle(panel, "animation-name", "none")();
   }, [
     mounted,
-    open,
+    open2,
     restorePendingTemporaryStyle,
     setDimensions,
     setMounted,
@@ -291,16 +284,16 @@ function useCollapsiblePanel(parameters) {
     transitionStatus
   ]);
   useOpenChangeComplete({
-    enabled: open && mounted && panelTransitionStatus === "idle",
+    enabled: open2 && mounted && panelTransitionStatus === "idle",
     open: true,
     ref: panelRef,
     onComplete() {
-      if (!open) return;
+      if (!open2) return;
       setDimensions(EMPTY_DIMENSIONS, false);
     }
   });
   React$1.useEffect(() => {
-    if (open || !mounted || panelTransitionStatus !== "ending") return;
+    if (open2 || !mounted || panelTransitionStatus !== "ending") return;
     if (!panelRef.current) return;
     const abortController = new AbortController();
     let endingStyleFrame = -1;
@@ -319,7 +312,7 @@ function useCollapsiblePanel(parameters) {
   }, [
     latestOpenRef,
     mounted,
-    open,
+    open2,
     panelTransitionStatus,
     runOnceCloseAnimationsFinish,
     setDimensions,
@@ -342,11 +335,11 @@ function useCollapsiblePanel(parameters) {
     }
     return addEventListener(panel, "beforematch", handleBeforeMatch);
   }, [onOpenChange, setOpen]);
-  const shouldRender = keepMounted || hiddenUntilFound || mounted || open;
+  const shouldRender = keepMounted || hiddenUntilFound || mounted || open2;
   return {
     height: renderedDimensions.height,
     props: {
-      ...shouldPersistHiddenTransitionStyles ? { [CollapsiblePanelDataAttributes.startingStyle]: "" } : void 0,
+      ...shouldPersistHiddenTransitionStyles ? { [startingStyle2]: "" } : void 0,
       hidden,
       id: idParam
     },
@@ -412,14 +405,11 @@ function resetLayoutStyles(element) {
     restoreLayoutStyles();
   };
 }
-var CollapsiblePanelCssVars = /* @__PURE__ */ (function(CollapsiblePanelCssVars2) {
-  CollapsiblePanelCssVars2["collapsiblePanelHeight"] = "--collapsible-panel-height";
-  CollapsiblePanelCssVars2["collapsiblePanelWidth"] = "--collapsible-panel-width";
-  return CollapsiblePanelCssVars2;
-})({});
+var collapsiblePanelHeight = "--collapsible-panel-height";
+var collapsiblePanelWidth = "--collapsible-panel-width";
 var CollapsiblePanel = /* @__PURE__ */ React$1.forwardRef(function CollapsiblePanel2(componentProps, forwardedRef) {
   const { className, hiddenUntilFound: hiddenUntilFoundProp, keepMounted: keepMountedProp, render, id: idProp, style, ...elementProps } = componentProps;
-  const { defaultPanelId, mounted, onOpenChange, open, setMounted, setPanelIdState, setOpen, state, transitionStatus } = useCollapsibleRootContext();
+  const { defaultPanelId, mounted, onOpenChange, open: open2, setMounted, setPanelIdState, setOpen, state, transitionStatus } = useCollapsibleRootContext();
   const hiddenUntilFound = hiddenUntilFoundProp ?? false;
   const keepMounted = keepMountedProp ?? false;
   const registeredId = idProp || void 0;
@@ -437,7 +427,7 @@ var CollapsiblePanel = /* @__PURE__ */ React$1.forwardRef(function CollapsiblePa
     keepMounted,
     mounted,
     onOpenChange,
-    open,
+    open: open2,
     setMounted,
     setOpen,
     transitionStatus
@@ -456,8 +446,8 @@ var CollapsiblePanel = /* @__PURE__ */ React$1.forwardRef(function CollapsiblePa
     props: [
       props,
       { style: {
-        [CollapsiblePanelCssVars.collapsiblePanelHeight]: height === void 0 ? "auto" : `${height}px`,
-        [CollapsiblePanelCssVars.collapsiblePanelWidth]: width === void 0 ? "auto" : `${width}px`
+        [collapsiblePanelHeight]: height === void 0 ? "auto" : `${height}px`,
+        [collapsiblePanelWidth]: width === void 0 ? "auto" : `${width}px`
       } },
       elementProps,
       resolvedStyle ? { style: resolvedStyle } : void 0,