@qredence/fleet 0.6.0 → 0.6.2

package/dist/web/server/{chunk-DJMHPJBP.js → chunk-CHEC7TWB.js}

@@ -3,8 +3,10 @@ import {
   extendTailwindMerge
 } from "./chunk-JDCCC7A7.js";
 
-// web/app/dist/server/assets/utils-jMf-Xf-Z.js
+// web/app/dist/server/assets/utils-Bb-JlR9o.js
 var twMergeExtended = extendTailwindMerge({ extend: { classGroups: { "font-size": [{ text: [
+  "micro",
+  "caption",
   "label",
   "body",
   "title",

package/dist/web/server/{chunk-PIOFZUOU.js → chunk-CW6KZUKT.js}

@@ -1,16 +1,17 @@
 import {
   Input
-} from "./chunk-P6UMR32I.js";
+} from "./chunk-43S5N7SH.js";
+import {
+  Button
+} from "./chunk-HQ5TEXHT.js";
 import {
-  Button,
   cva
-} from "./chunk-LZ4Q5KUJ.js";
+} from "./chunk-TLNZNR7C.js";
 import {
   cn
-} from "./chunk-DJMHPJBP.js";
+} from "./chunk-CHEC7TWB.js";
 
-// web/app/dist/server/assets/input-group-TQw1asH2.js
-import "react";
+// web/app/dist/server/assets/input-group-CeFu3-Zg.js
 import { jsx } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
   return /* @__PURE__ */ jsx("textarea", {

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

@@ -0,0 +1,164 @@
+import {
+  Square
+} from "./chunk-7CNGNFFK.js";
+import {
+  AnimatePresence,
+  useReducedMotion
+} from "./chunk-CAPTFJOC.js";
+import {
+  SPRING_SWAP,
+  m
+} from "./chunk-7FK6YEMA.js";
+import {
+  Button
+} from "./chunk-HQ5TEXHT.js";
+import {
+  createLucideIcon
+} from "./chunk-4ZIEVI5O.js";
+import {
+  cn
+} from "./chunk-CHEC7TWB.js";
+
+// web/app/dist/server/assets/prompt-input-BXToErIk.js
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ArrowUp = createLucideIcon("arrow-up", [["path", {
+  d: "m5 12 7-7 7 7",
+  key: "hav0vg"
+}], ["path", {
+  d: "M12 19V5",
+  key: "x0mq9r"
+}]]);
+function PromptInput({ value, defaultValue = "", onValueChange, onSubmit, loading = false, submitWhileLoading = false, onStop, minRows = 2, maxRows = 8, leadingAction, className, disabled, placeholder = "Ask the agent to do something\u2026", "aria-label": ariaLabel = "Prompt", onKeyDown, ...textareaProps }) {
+  const reduce = useReducedMotion() ?? false;
+  const textareaRef = useRef(null);
+  const measurementRef = useRef(null);
+  const [internalValue, setInternalValue] = useState(defaultValue);
+  const currentValue = value ?? internalValue;
+  const canSubmit = Boolean(currentValue.trim()) && !disabled && (!loading || submitWhileLoading);
+  const resizeTextarea = useCallback(() => {
+    const textarea = textareaRef.current;
+    const measurement = measurementRef.current;
+    if (!textarea || !measurement || textarea.value !== currentValue) return;
+    const lineHeight = 24;
+    const height = `${Math.min(Math.max(measurement.scrollHeight, minRows * lineHeight), maxRows * lineHeight)}px`;
+    if (textarea.style.height !== height) textarea.style.height = height;
+  }, [
+    currentValue,
+    maxRows,
+    minRows
+  ]);
+  useLayoutEffect(() => {
+    resizeTextarea();
+  }, [resizeTextarea]);
+  const resizeRef = useRef(resizeTextarea);
+  useEffect(() => {
+    resizeRef.current = resizeTextarea;
+  });
+  useEffect(() => {
+    const textarea = textareaRef.current;
+    if (!textarea || typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(() => resizeRef.current());
+    observer.observe(textarea);
+    return () => observer.disconnect();
+  }, []);
+  const setValue = (next) => {
+    if (value === void 0) setInternalValue(next);
+    onValueChange?.(next);
+  };
+  const submit = (event) => {
+    event?.preventDefault();
+    const prompt = currentValue.trim();
+    if (!prompt || disabled || loading && !submitWhileLoading) return;
+    onSubmit?.(prompt);
+    if (value === void 0) setInternalValue("");
+    textareaRef.current?.focus({ preventScroll: true });
+  };
+  const handleKeyDown = (event) => {
+    onKeyDown?.(event);
+    if (event.defaultPrevented || event.key !== "Enter" || event.shiftKey || event.nativeEvent.isComposing) return;
+    event.preventDefault();
+    submit();
+  };
+  return /* @__PURE__ */ jsxs("form", {
+    onSubmit: submit,
+    className: cn("relative w-full rounded-chat-input border border-border/70 bg-sidebar p-2 text-[color:var(--foreground)] shadow-sm transition-[border-color,box-shadow] focus-within:border-chat-input-focus-outline/45 focus-within:ring-1 focus-within:ring-chat-input-focus-outline/25", disabled && "opacity-60", className),
+    children: [
+      /* @__PURE__ */ jsx("div", {
+        ref: measurementRef,
+        "aria-hidden": "true",
+        className: "pointer-events-none invisible absolute inset-x-2 top-0 whitespace-pre-wrap px-2 text-sm leading-6 [overflow-wrap:break-word]",
+        children: `${currentValue}\u200B`
+      }),
+      /* @__PURE__ */ jsx("textarea", {
+        ref: textareaRef,
+        value: currentValue,
+        disabled,
+        placeholder,
+        "aria-label": ariaLabel,
+        autoComplete: "off",
+        rows: minRows,
+        ...textareaProps,
+        onChange: (event) => setValue(event.target.value),
+        onKeyDown: handleKeyDown,
+        className: "scrollbar-hide block w-full resize-none overflow-y-auto bg-transparent px-2 pt-1.5 text-sm leading-6 text-foreground outline-none placeholder:text-foreground/55"
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: "mt-1 flex min-h-8 items-center gap-1",
+        children: [
+          leadingAction,
+          loading && onStop ? /* @__PURE__ */ jsx(Button, {
+            type: "button",
+            size: "icon",
+            "aria-label": "Stop generating",
+            onClick: onStop,
+            className: "ml-auto size-8 rounded-full",
+            children: /* @__PURE__ */ jsx(Square, { className: "size-3 fill-current" })
+          }) : null,
+          !loading || canSubmit ? /* @__PURE__ */ jsx(Button, {
+            type: "submit",
+            size: "icon",
+            disabled: !canSubmit,
+            "aria-label": loading ? "Steer current run" : "Send prompt",
+            className: cn("size-8 rounded-full", !loading && "ml-auto", canSubmit && "border-transparent bg-chat-input-accent text-white hover:bg-chat-input-accent/90 focus-visible:border-chat-input-accent focus-visible:ring-chat-input-accent/40"),
+            children: /* @__PURE__ */ jsx(AnimatePresence, {
+              initial: false,
+              mode: "popLayout",
+              children: /* @__PURE__ */ jsx(m.span, {
+                initial: reduce ? { opacity: 1 } : {
+                  opacity: 0,
+                  y: 3,
+                  scale: 0.8
+                },
+                animate: {
+                  opacity: 1,
+                  y: 0,
+                  scale: 1
+                },
+                exit: reduce ? { opacity: 0 } : {
+                  opacity: 0,
+                  y: -3,
+                  scale: 0.8
+                },
+                transition: reduce ? { duration: 0 } : SPRING_SWAP,
+                className: "grid place-items-center",
+                children: /* @__PURE__ */ jsx(ArrowUp, { className: "size-4" })
+              }, "send")
+            })
+          }) : null
+        ]
+      })
+    ]
+  });
+}
+
+export {
+  ArrowUp,
+  PromptInput
+};
+/**
+* @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-7SR6WDM2.js → chunk-E5HALE4M.js}

@@ -3,9 +3,9 @@ import {
   useId$1,
   useIsoLayoutEffect,
   useRefWithInit
-} from "./chunk-C5X6G26O.js";
+} from "./chunk-XJ6TGSUB.js";
 
-// web/app/dist/server/assets/useBaseUiId-2M6cRDxN.js
+// web/app/dist/server/assets/useBaseUiId-Ds9NPMog.js
 import * as React$1 from "react";
 function useValueAsRef(value) {
   const latest = useRefWithInit(createLatestRef, value).current;
@@ -23,9 +23,9 @@ function createLatestRef(value) {
   };
   return latest;
 }
-function useTransitionStatus(open, enableIdleState = false, deferEndingState = false) {
+function useTransitionStatus(open, enableIdleState = false, deferEndingState = false, animateInitialOpen = false) {
   const [transitionStatus, setTransitionStatus] = React$1.useState(open && enableIdleState ? "idle" : void 0);
-  const [mounted, setMounted] = React$1.useState(open);
+  const [mounted, setMounted] = React$1.useState(open && !animateInitialOpen);
   if (open && !mounted) {
     setMounted(true);
     setTransitionStatus("starting");

package/dist/web/server/{chunk-DZ2IC3FH.js → chunk-EDAWH2MT.js}

@@ -1,22 +1,57 @@
 import {
   OpenPanelActionSchema
-} from "./chunk-YNUWKMNQ.js";
-import {
-  useRender
-} from "./chunk-WM4PUT6M.js";
+} from "./chunk-YMPJMHXZ.js";
 import {
   cva
-} from "./chunk-LZ4Q5KUJ.js";
+} from "./chunk-TLNZNR7C.js";
 import {
-  mergeProps
-} from "./chunk-C5X6G26O.js";
+  mergeProps,
+  useRenderElement
+} from "./chunk-XJ6TGSUB.js";
 import {
   cn
-} from "./chunk-DJMHPJBP.js";
+} from "./chunk-CHEC7TWB.js";
 
-// web/app/dist/server/assets/open-panel-action-message-DsPUT3yZ.js
+// web/app/dist/server/assets/ui-error-boundary-DZYDdHqH.js
 import { Component, createContext, createElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+var OPEN_PANEL_ACTION_PREFIX = "fleet-prime:open-panel:";
+function encodeOpenPanelActionMessage(action) {
+  return `${OPEN_PANEL_ACTION_PREFIX}${JSON.stringify(action)}`;
+}
+function decodeOpenPanelActionMessage(message) {
+  if (!message.startsWith(OPEN_PANEL_ACTION_PREFIX)) return void 0;
+  try {
+    return OpenPanelActionSchema.parse(JSON.parse(message.slice(23)));
+  } catch {
+    return;
+  }
+}
+function useRender(params) {
+  return useRenderElement(params.defaultTagName ?? "div", params, params);
+}
+var badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
+  variants: { variant: {
+    default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+    secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+    destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+    outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+    ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+    link: "text-primary underline-offset-4 hover:underline"
+  } },
+  defaultVariants: { variant: "default" }
+});
+function Badge({ className, variant = "default", render, ...props }) {
+  return useRender({
+    defaultTagName: "span",
+    props: mergeProps({ className: cn(badgeVariants({ variant }), className) }, props),
+    render,
+    state: {
+      slot: "badge",
+      variant
+    }
+  });
+}
 var h = createContext(null);
 var c = {
   didCatch: false,
@@ -103,44 +138,10 @@ function UiErrorBoundary({ children, fallback, onReset, resetKeys }) {
     children
   });
 }
-var badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
-  variants: { variant: {
-    default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-    secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
-    destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
-    outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
-    ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
-    link: "text-primary underline-offset-4 hover:underline"
-  } },
-  defaultVariants: { variant: "default" }
-});
-function Badge({ className, variant = "default", render, ...props }) {
-  return useRender({
-    defaultTagName: "span",
-    props: mergeProps({ className: cn(badgeVariants({ variant }), className) }, props),
-    render,
-    state: {
-      slot: "badge",
-      variant
-    }
-  });
-}
-var OPEN_PANEL_ACTION_PREFIX = "fleet-prime:open-panel:";
-function encodeOpenPanelActionMessage(action) {
-  return `${OPEN_PANEL_ACTION_PREFIX}${JSON.stringify(action)}`;
-}
-function decodeOpenPanelActionMessage(message) {
-  if (!message.startsWith(OPEN_PANEL_ACTION_PREFIX)) return void 0;
-  try {
-    return OpenPanelActionSchema.parse(JSON.parse(message.slice(23)));
-  } catch {
-    return;
-  }
-}
 
 export {
-  UiErrorBoundary,
-  Badge,
   encodeOpenPanelActionMessage,
-  decodeOpenPanelActionMessage
+  decodeOpenPanelActionMessage,
+  Badge,
+  UiErrorBoundary
 };