@parallelworks/ui 0.64.1 → 0.65.1

package/dist/ai/core/ChatProvider.js

@@ -44,6 +44,7 @@ function heldSendArgs(held) {
 		preceding.length > 0 ? preceding : void 0
 	];
 }
+var NO_TOOLS = [];
 var ChatContext = createContext(void 0);
 var ChatStreamContext = createContext(void 0);
 function useChat() {
@@ -51,6 +52,11 @@ function useChat() {
 	if (!context) throw new Error("useChat must be used within a ChatProvider");
 	return context;
 }
+/** True while the adapter lists tools of its own, which the composer's +
+*  menu offers; false outside a ChatProvider. */
+function useHasChatTools() {
+	return (useContext(ChatContext)?.tools.length ?? 0) > 0;
+}
 /** The reply being streamed. A component that reads it re-renders on every
 *  token, so read it only where the reply is drawn. */
 function useChatStream() {
@@ -66,6 +72,30 @@ function ChatProvider({ adapter, currentUser, navigation, activeConversationId =
 	const [storedModel, storeModel] = usePersistedState("aiChat.model", null);
 	const storedModelRef = useRef(storedModel);
 	storedModelRef.current = storedModel;
+	const [tools, setTools] = useState(null);
+	const [disabledToolIds, storeDisabledToolIds] = usePersistedState(`aiChat.disabledTools.${currentUser.id}`, []);
+	useEffect(() => {
+		if (!adapter.tools) {
+			setTools(null);
+			return;
+		}
+		let current = true;
+		adapter.tools.list().then((listed) => {
+			if (current) setTools(listed);
+		}, (error) => {
+			console.error("Failed to load tools:", error);
+		});
+		return () => {
+			current = false;
+		};
+	}, [adapter]);
+	const enabledToolIds = useMemo(() => (tools ?? []).filter((t) => !disabledToolIds.includes(t.id)).map((t) => t.id), [tools, disabledToolIds]);
+	const setToolEnabled = useCallback((id, enabled) => {
+		storeDisabledToolIds((previous) => {
+			const others = previous.filter((other) => other !== id);
+			return enabled ? others : [...others, id];
+		});
+	}, [storeDisabledToolIds]);
 	const selectedProviderRef = useRef(state.selectedProvider);
 	useEffect(() => {
 		selectedProviderRef.current = state.selectedProvider;
@@ -437,7 +467,8 @@ function ChatProvider({ adapter, currentUser, navigation, activeConversationId =
 				parentMessageId: userMessage.parentId ?? null,
 				userMessageId,
 				allocation: state.selectedAllocation,
-				useResponses
+				useResponses,
+				...tools ? { tools: enabledToolIds } : {}
 			}, {
 				onContent: (chunk) => {
 					markStreamStart();
@@ -544,6 +575,8 @@ function ChatProvider({ adapter, currentUser, navigation, activeConversationId =
 		state.selectedAllocation,
 		state.currentConversation,
 		state.models,
+		tools,
+		enabledToolIds,
 		currentUser,
 		createConversation,
 		loadConversations,
@@ -752,6 +785,8 @@ function ChatProvider({ adapter, currentUser, navigation, activeConversationId =
 		selectedProvider: state.selectedProvider,
 		isSelectedModelAvailable,
 		selectedAllocation: state.selectedAllocation,
+		tools: tools ?? NO_TOOLS,
+		enabledToolIds,
 		isLoading: state.isLoading,
 		isLoadingConversation: state.isLoadingConversation,
 		isLoadingModels: state.isLoadingModels,
@@ -774,6 +809,7 @@ function ChatProvider({ adapter, currentUser, navigation, activeConversationId =
 		retryMessage,
 		setSelectedProvider,
 		setSelectedAllocation,
+		setToolEnabled,
 		stopStreaming,
 		removeQueuedMessage,
 		flushQueuedMessages,
@@ -796,6 +832,8 @@ function ChatProvider({ adapter, currentUser, navigation, activeConversationId =
 		state.providerIssues,
 		state.selectedProvider,
 		state.selectedAllocation,
+		tools,
+		enabledToolIds,
 		state.isLoading,
 		state.isLoadingConversation,
 		state.isLoadingModels,
@@ -818,6 +856,7 @@ function ChatProvider({ adapter, currentUser, navigation, activeConversationId =
 		retryMessage,
 		setSelectedProvider,
 		setSelectedAllocation,
+		setToolEnabled,
 		stopStreaming,
 		removeQueuedMessage,
 		flushQueuedMessages,
@@ -856,4 +895,4 @@ function ChatProvider({ adapter, currentUser, navigation, activeConversationId =
 	});
 }
 //#endregion
-export { ChatProvider, useChat, useChatStream };
+export { ChatProvider, useChat, useChatStream, useHasChatTools };

package/dist/ai/strings.d.ts

@@ -47,6 +47,27 @@ export interface ChatStrings {
         /** Sending before a model is chosen. */
         selectFirst: string;
     };
+    composerMenu: {
+        /** Names the composer's + button while it opens a menu of files and tools. */
+        label: string;
+        /** Opens the attachments panel from the menu. */
+        addFiles: string;
+        /** Heads the host's tools in the menu, and names the + when it holds only tools. */
+        tools: string;
+        /** Beside the + while the reader has turned some of the host's tools off. */
+        someToolsOff: string;
+        /** Beside Tools: how many of the host's tools are on. */
+        toolsOn: (enabled: number, total: number) => string;
+        /** Under the title of the modal that lists every tool. */
+        toolsDescription: string;
+        searchTools: string;
+        /** The modal's search matched no tool. */
+        noToolsMatch: string;
+        turnAllOn: string;
+        turnAllOff: string;
+        /** Closes the tools modal; each switch takes effect as it is flipped. */
+        done: string;
+    };
     allocationPicker: {
         choose: string;
         placeholder: string;

package/dist/ai/strings.js

@@ -53,6 +53,19 @@ var defaultChatStrings = {
 		manageProvider: "Manage provider",
 		selectFirst: "Select a model first"
 	},
+	composerMenu: {
+		label: "Add files and tools",
+		addFiles: "Add files",
+		tools: "Tools",
+		someToolsOff: "Some tools are off",
+		toolsOn: (enabled, total) => `${enabled.toLocaleString()}/${total.toLocaleString()}`,
+		toolsDescription: "What the assistant may look up for you.",
+		searchTools: "Search tools",
+		noToolsMatch: "No tools match",
+		turnAllOn: "Turn all on",
+		turnAllOff: "Turn all off",
+		done: "Done"
+	},
 	allocationPicker: {
 		choose: "Allocation",
 		placeholder: "Select allocation",

package/dist/components/Card.js

@@ -5,8 +5,8 @@ import { useRender } from "@base-ui/react/use-render";
 //#region src/components/Card.tsx
 var sizeClasses = {
 	sm: "max-w-[400px] p-6",
-	md: "max-w-[520px] p-10",
-	lg: "max-w-[560px] p-8"
+	md: "max-w-[520px] p-6 sm:p-10",
+	lg: "max-w-[560px] p-6 sm:p-8"
 };
 /** A raised surface holding one task, such as a sign-in form or a choice among
 *  a few options. */

package/dist/components/Field.d.ts

@@ -61,9 +61,11 @@ export interface FieldProps {
     group?: boolean | undefined;
     /** Puts a checkbox, a switch or a lone radio before its label, as such a control reads: the
      *  control, then its label and ?, with the description and error under the label. A click on
-     *  the label sets the control. Inline, or in a row of fields, it sits in the control column,
-     *  its first line on the line of the labels beside it. Not for a `group`, whose options are
-     *  each a `FieldOption`. */
+     *  the label sets the control. A checkbox or a radio sits on the label's first line; a switch
+     *  centers on the text's first two lines, such as the label and its description, and stays
+     *  there under longer text. Inline it sits in the control column, under the controls above
+     *  it; in a row of fields, its first line centers on the controls beside it, a switch's too.
+     *  Not for a `group`, whose options are each a `FieldOption`. */
     controlFirst?: boolean | undefined;
     /** The control's id; one is made up when left out. */
     id?: string | undefined;

package/dist/components/Field.js

@@ -38,18 +38,27 @@ var labelSizes = {
 		text: "text-xs text-(--theme-muted-text-color)",
 		inlineHeight: "min-h-7",
 		stackGap: "gap-1",
-		inlineLine: "py-1.5"
+		narrowStack: "max-sm:flex-col max-sm:items-stretch max-sm:gap-1",
+		inlineLine: "pt-1",
+		controlFirstHeight: "min-h-5",
+		controlFirstStackedHeight: "min-h-6"
 	},
 	md: {
 		text: "text-sm text-(--theme-app)",
 		inlineHeight: "min-h-8",
 		stackGap: "gap-1.5",
-		inlineLine: "py-1.5"
+		narrowStack: "max-sm:flex-col max-sm:items-stretch max-sm:gap-1.5",
+		inlineLine: "pt-1",
+		controlFirstHeight: "min-h-6",
+		controlFirstStackedHeight: "min-h-7"
 	}
 };
 var labelClassName = "flex items-center gap-1 font-medium";
 var actionsClassName = "ml-auto flex shrink-0 items-center gap-1";
 var controlFirstExtrasClassName = "ms-1 inline-flex items-center gap-1 align-[-0.125em]";
+var switchOnTwoLines = "has-[[role=switch]]:max-h-[2lh]";
+var switchOnLabelAndDescription = "has-[[role=switch]]:max-h-[calc(1lh+1rem)]";
+var switchRowStartsAtText = "has-[[role=switch]]:-mt-1";
 var errorTextClassName = "flex items-center gap-1.5 text-xs text-(--theme-error-text)";
 /** An error in the look a Field gives its own, for a control outside a Field, or for a part of
 *  one rather than the whole of it, such as a row of a list editor. Give it an `id` and name it
@@ -127,7 +136,7 @@ function Field$1({ label, hint, help, actions, description, error, invalid, requ
 			}
 		}
 	} : {};
-	const labelBox = cx(labelClassName, labelSize.text, inline && cx(labelSize.inlineHeight, "shrink-0", compact ? "mr-2 w-fit" : "w-52 pr-3"), inRow && "row-start-1 self-end");
+	const labelBox = cx(labelClassName, labelSize.text, inline && cx(labelSize.inlineHeight, "shrink-0", compact ? "mr-2 w-fit" : "w-52 pr-3 max-sm:min-h-0 max-sm:w-full max-sm:pr-0"), inRow && "row-start-1 self-end");
 	const nameContent = /* @__PURE__ */ jsxs(Fragment, { children: [label, required && /* @__PURE__ */ jsx(RequiredMark, {})] });
 	const labelExtras = /* @__PURE__ */ jsxs(Fragment, { children: [
 		helpTip,
@@ -148,7 +157,7 @@ function Field$1({ label, hint, help, actions, description, error, invalid, requ
 	const messages = /* @__PURE__ */ jsxs(Fragment, { children: [
 		description && /* @__PURE__ */ jsx(Field.Description, {
 			id: descriptionId,
-			className: "text-xs leading-relaxed text-(--theme-muted-text-color)",
+			className: cx("text-xs text-(--theme-muted-text-color)", controlFirst && !group ? "leading-4" : "leading-relaxed"),
 			children: description
 		}),
 		help && /* @__PURE__ */ jsx(Field.Description, {
@@ -177,47 +186,47 @@ function Field$1({ label, hint, help, actions, description, error, invalid, requ
 		"data-field-label": true,
 		children: nameContent
 	});
-	if (controlFirst && !group) {
-		const lined = inline || inRow;
-		return /* @__PURE__ */ jsxs(Field.Root, {
-			invalid: isInvalid,
-			disabled,
-			className: inRow ? cx("contents", className) : cx("flex w-full items-start", className),
-			"data-field-row": inRow || void 0,
-			children: [inline && !compact && /* @__PURE__ */ jsx("div", {
-				"aria-hidden": "true",
-				className: "w-52 shrink-0"
-			}), /* @__PURE__ */ jsxs("div", {
-				ref: help ? setControlBox : void 0,
-				className: cx("flex w-fit max-w-full min-w-0 items-start gap-2", lined ? labelSize.inlineLine : "py-0.5", inRow && "row-start-2"),
-				children: [/* @__PURE__ */ jsx("div", {
-					className: cx("flex h-lh shrink-0 items-center", labelSize.text),
-					...helpFocus,
+	if (controlFirst && !group) return /* @__PURE__ */ jsxs(Field.Root, {
+		invalid: isInvalid,
+		disabled,
+		className: inRow ? cx("contents", className) : cx("flex w-full items-start", inline ? labelSize.controlFirstHeight : labelSize.controlFirstStackedHeight, className),
+		"data-field-row": inRow || void 0,
+		children: [inline && !compact && /* @__PURE__ */ jsx("div", {
+			"aria-hidden": "true",
+			className: "w-52 shrink-0 max-sm:hidden"
+		}), /* @__PURE__ */ jsxs("div", {
+			ref: help ? setControlBox : void 0,
+			className: cx("flex w-fit max-w-full min-w-0 items-start gap-2", inRow ? labelSize.inlineLine : !inline && "pt-1", inRow && "row-start-2", !inRow && (description || error) && switchRowStartsAtText),
+			children: [/* @__PURE__ */ jsx("div", {
+				className: cx("box-content flex shrink-0 items-center", inRow ? "h-lh py-0.5" : cx("min-h-lh max-h-lh self-stretch pt-0.5", description ? switchOnLabelAndDescription : switchOnTwoLines), labelSize.text),
+				...helpFocus,
+				children: /* @__PURE__ */ jsx("div", {
+					className: "flex h-0 items-center",
 					children: controlInContext
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "flex min-w-0 flex-col gap-1",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: cx("font-medium", labelSize.text, disabled && "opacity-60"),
-						children: [
-							fieldLabel(disabled ? "cursor-not-allowed" : "cursor-pointer"),
-							helpTip && /* @__PURE__ */ jsx("span", {
-								className: controlFirstExtrasClassName,
-								children: helpTip
-							}),
-							hint && /* @__PURE__ */ jsx("span", {
-								className: "ms-1",
-								children: hint
-							}),
-							actions && /* @__PURE__ */ jsx("span", {
-								className: controlFirstExtrasClassName,
-								children: actions
-							})
-						]
-					}), messages]
-				})]
+				})
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-col pt-0.5",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: cx("font-medium", labelSize.text, disabled && "opacity-60"),
+					children: [
+						fieldLabel(disabled ? "cursor-not-allowed" : "cursor-pointer"),
+						helpTip && /* @__PURE__ */ jsx("span", {
+							className: controlFirstExtrasClassName,
+							children: helpTip
+						}),
+						hint && /* @__PURE__ */ jsx("span", {
+							className: "ms-1",
+							children: hint
+						}),
+						actions && /* @__PURE__ */ jsx("span", {
+							className: controlFirstExtrasClassName,
+							children: actions
+						})
+					]
+				}), messages]
 			})]
-		});
-	}
+		})]
+	});
 	const body = /* @__PURE__ */ jsxs("div", {
 		ref: help ? setControlBox : void 0,
 		className: cx("flex w-full min-w-0 flex-col gap-1", inRow && "row-start-2"),
@@ -227,10 +236,11 @@ function Field$1({ label, hint, help, actions, description, error, invalid, requ
 			children: controlInContext
 		}) : controlInContext, messages]
 	});
-	const frame = inRow ? cx("contents", className) : cx("flex w-full", inline ? "items-start" : cx("flex-col", labelSize.stackGap), className);
+	const frame = inRow ? cx("contents", className) : cx("flex w-full", inline ? cx("items-start", !compact && labelSize.narrowStack) : cx("flex-col", labelSize.stackGap), className);
 	if (group) return /* @__PURE__ */ jsx(Field.Root, {
 		invalid: isInvalid,
 		disabled,
+		className: "w-full min-w-0",
 		render: /* @__PURE__ */ jsx(Fieldset.Root, {
 			"aria-describedby": control["aria-describedby"],
 			"aria-invalid": control["aria-invalid"]

package/dist/components/Section.d.ts

@@ -1,5 +1,6 @@
 import { type ReactNode } from 'react';
 export type SectionVariant = 'plain' | 'card';
+export type SectionSpacing = 'regular' | 'tight';
 export interface SectionProps {
     title: ReactNode;
     /** Under the title in muted text, saying what the section holds; it describes
@@ -12,6 +13,10 @@ export interface SectionProps {
     /** `plain` rules the title off from the content under it; `card` frames the
      *  section as a panel. */
     variant?: SectionVariant | undefined;
+    /** The room between a `plain` section's rule and its content. `tight` suits content that
+     *  spaces itself tightly, such as a form with its labels over its fields, so the first row
+     *  sits as far under the rule as the rows under it sit under one another. */
+    spacing?: SectionSpacing | undefined;
     /** False shows the content always, under a title that doesn't fold. */
     collapsible?: boolean | undefined;
     /** Hold the state, such as a remembered preference, with `open` and
@@ -30,4 +35,4 @@ export interface SectionProps {
  *  that can fold away. Folding keeps the content mounted, so fields hold their
  *  values and validation while closed. For a line inside content that reveals
  *  more detail, use Disclosure. */
-export declare function Section({ title, description, beside, actions, variant, collapsible, open, onOpenChange, defaultOpen, headingLevel, id, className, children, }: SectionProps): import("react").JSX.Element;
+export declare function Section({ title, description, beside, actions, variant, spacing, collapsible, open, onOpenChange, defaultOpen, headingLevel, id, className, children, }: SectionProps): import("react").JSX.Element;

package/dist/components/Section.js

@@ -10,9 +10,13 @@ var rootClasses = {
 	card: "panel mb-1 flex w-full flex-col"
 };
 var headerClasses = {
-	plain: "mb-4 flex w-full items-center gap-2 border-b border-(--theme-border) pb-1",
+	plain: "flex w-full items-center gap-2 border-b border-(--theme-border) pb-1",
 	card: "flex w-full items-center gap-2 p-4"
 };
+var ruleGaps = {
+	regular: "mb-4",
+	tight: "mb-1.5"
+};
 var cardBodyClassName = "px-4 pb-4";
 var titleClasses = {
 	plain: "text-base font-semibold",
@@ -27,14 +31,15 @@ var chevronIndent = "pl-6";
 *  that can fold away. Folding keeps the content mounted, so fields hold their
 *  values and validation while closed. For a line inside content that reveals
 *  more detail, use Disclosure. */
-function Section({ title, description, beside, actions, variant = "plain", collapsible = true, open, onOpenChange, defaultOpen = true, headingLevel = 3, id, className, children }) {
+function Section({ title, description, beside, actions, variant = "plain", spacing = "regular", collapsible = true, open, onOpenChange, defaultOpen = true, headingLevel = 3, id, className, children }) {
 	const Heading = `h${headingLevel}`;
 	const descriptionId = useId();
 	const describedBy = description ? descriptionId : void 0;
 	const titleProps = { "data-section-title": "" };
 	const fill = !beside && !actions;
 	const header = (heading) => /* @__PURE__ */ jsxs("div", {
-		className: headerClasses[variant],
+		className: cx(headerClasses[variant], variant === "plain" && ruleGaps[spacing]),
+		"data-section-header": true,
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex min-w-0 flex-1 flex-col gap-0.5",
 			children: [/* @__PURE__ */ jsxs("div", {

package/dist/form/Fields/ObjectField.js

@@ -1,6 +1,6 @@
 import { InfoTip } from "../../components/InfoTip.js";
 import { Section } from "../../components/Section.js";
-import { FieldsFromOptions, resolveMetaOverrides } from "../Form.js";
+import { FieldsFromOptions, resolveMetaOverrides, sectionSpacing } from "../Form.js";
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 //#region src/form/Fields/ObjectField.tsx
@@ -13,6 +13,7 @@ function ObjectField({ field, label, help, labelPosition, spaceCompact }) {
 		beside: help && /* @__PURE__ */ jsx(InfoTip, { text: help }),
 		collapsible: !field.noCollapse,
 		defaultOpen: !field.collapsed,
+		spacing: sectionSpacing(meta.labelPosition),
 		children: /* @__PURE__ */ jsx(FieldsFromOptions, {
 			options: field.options,
 			labelPosition: meta.labelPosition,

package/dist/form/Form.d.ts

@@ -1,4 +1,5 @@
 import { type UseFormReturn } from 'react-hook-form';
+import { type SectionSpacing } from '../components/Section.js';
 import type { WorkflowVariables } from '../engine.js';
 import { type FieldComponent } from './fieldRegistry.js';
 import { type ServerError } from './validation.js';
@@ -45,6 +46,9 @@ export interface ParentInfo {
     arrayIndex?: number | undefined;
     onChange?: RowFlagChange | undefined;
 }
+/** A section's rule sits as far over its first row as the form's rows sit apart: tight with the
+ *  labels over the fields, and the regular gap, close to the 15px between side-labeled rows. */
+export declare function sectionSpacing(labelPosition: 'left' | 'top' | undefined): SectionSpacing;
 /** Renders a schema's fields. Inside another field, `parentInfo` says where their values sit. */
 export declare function FieldsFromOptions({ options, parentInfo, labelPosition, spaceCompact, }: {
     options: Record<string, unknown>;

package/dist/form/Form.js

@@ -341,6 +341,8 @@ var FormField = memo(function FormField({ fieldName, optionsField, nested, field
 			title: field.label,
 			collapsible: !field.noCollapse,
 			defaultOpen: !field.collapsed,
+			spacing: sectionSpacing(meta.labelPosition),
+			className: sectionAbove,
 			children: /* @__PURE__ */ jsx(EditingScope, {
 				editing,
 				path,
@@ -389,7 +391,7 @@ var FormField = memo(function FormField({ fieldName, optionsField, nested, field
 	}
 	const required = !fieldObj.optional && !fieldObj.disabled && fieldObj.type !== "boolean" && !editing;
 	const input = /* @__PURE__ */ jsx("div", {
-		className: inRow ? "grid grid-rows-subgrid [&>:not([data-field-row])]:row-span-2" : cx("flex w-full", labelPosition === "left" ? "mb-[15px]" : "mb-[5px]"),
+		className: inRow ? "grid grid-rows-subgrid [&>:not([data-field-row])]:row-span-2" : cx("flex w-full", labelPosition === "left" ? "mb-[15px]" : "mb-[5px]", fieldObj.type === "object" && sectionAbove),
 		children: /* @__PURE__ */ jsx(RequiredFieldContext, {
 			value: required ? {
 				name,
@@ -420,6 +422,12 @@ var FormField = memo(function FormField({ fieldName, optionsField, nested, field
 		})
 	});
 });
+var sectionAbove = "not-first:pt-3";
+/** A section's rule sits as far over its first row as the form's rows sit apart: tight with the
+*  labels over the fields, and the regular gap, close to the 15px between side-labeled rows. */
+function sectionSpacing(labelPosition) {
+	return labelPosition === "top" ? "tight" : "regular";
+}
 /** The message under a field for its error, if it has one of its own rather than errors in fields
 *  inside it. */
 function errorMessage(error, strings) {
@@ -742,4 +750,4 @@ function clearServerErrors(form, paths) {
 	for (const path of paths) if (form.getFieldState(path).error?.type === "server") form.clearErrors(path);
 }
 //#endregion
-export { DynamicDefaultsSync, DynamicForm, FieldsFromOptions, collectFieldsWithDefaults, defaultReferencesField, findSelfReferencingFieldNames, listLengthsSignature, resolveMetaOverrides, useDynamicDefaultsSync };
+export { DynamicDefaultsSync, DynamicForm, FieldsFromOptions, collectFieldsWithDefaults, defaultReferencesField, findSelfReferencingFieldNames, listLengthsSignature, resolveMetaOverrides, sectionSpacing, useDynamicDefaultsSync };

package/dist/icons.d.ts

@@ -235,6 +235,7 @@ export declare const TagIcon: IconType;
 export declare const TerminalIcon: IconType;
 export declare const ThinkingIcon: IconType;
 export declare const TodoIcon: IconType;
+export declare const ToolsIcon: IconType;
 export declare const TrashIcon: IconType;
 export declare const TunnelIcon: IconType;
 export declare const UndoIcon: IconType;

package/dist/icons.js

@@ -267,6 +267,7 @@ var TagIcon = /* @__PURE__ */ icon(Tag);
 var TerminalIcon = /* @__PURE__ */ icon(Terminal);
 var ThinkingIcon = /* @__PURE__ */ icon(Brain);
 var TodoIcon = /* @__PURE__ */ icon(ClipboardPen);
+var ToolsIcon = /* @__PURE__ */ icon(Wrench);
 var TrashIcon = /* @__PURE__ */ icon(Trash2);
 var TunnelIcon = /* @__PURE__ */ icon(Route);
 var UndoIcon = /* @__PURE__ */ icon(Undo2);
@@ -285,4 +286,4 @@ var ZipIcon = /* @__PURE__ */ icon(FileArchive);
 var ZoomInIcon = /* @__PURE__ */ icon(ZoomIn);
 var ZoomOutIcon = /* @__PURE__ */ icon(ZoomOut);
 //#endregion
-export { APIIcon, AccessIcon, AddAllocationIcon, AddIcon, AddProjectIcon, AddUserIcon, AgentIcon, AllocationIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArticleIcon, AttachmentIcon, AuthenticationIcon, BillingIcon, BriefcaseIcon, BucketIcon, BuildWorkflowIcon, CalendarIcon, CancelIcon, CelebrateIcon, CertificateIcon, ChangesRequestedIcon, ChartIcon, ChatIcon, CheckIcon, ChevronDoubleDownIcon, ChevronDoubleUpIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClipboardCheckIcon, ClockIcon, CloseIcon, CloudIcon, ClusterIcon, CodeIcon, CollapseIcon, ColumnsIcon, CommentIcon, CommitIcon, ComputeIcon, ConnectIcon, ContractIcon, CopyIcon, CustomizeIcon, DesktopIcon, DestroyIcon, DeviceIcon, DirectoryIcon, DisableCostIcon, DisableUserIcon, DisconnectIcon, DiskIcon, DisplayIcon, DownloadIcon, DragHandleIcon, DuplicateIcon, EditIcon, EditorIcon, EducationIcon, EnableCostIcon, EnableUserIcon, EndpointIcon, ErrorCheckmark, ErrorIcon, EventsIcon, ExpandIcon, ExpandVerticalIcon, ExpiredIcon, ExpiringIcon, ExpressionIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FailIcon, FavoriteIcon, FavoriteOutlineIcon, FeaturedIcon, FileIcon, FileTextIcon, FilesIcon, FilesystemIcon, FilterClearIcon, FilterIcon, FlaggedIcon, FlaskIcon, FolderIcon, FolderOpenIcon, FolderTreeIcon, ForbiddenIcon, ForkIcon, GearsIcon, GlobeIcon, GovernmentIcon, GraphIcon, GridIcon, HealthMonitoringIcon, HelpIcon, HistoryIcon, HomeIcon, IdCardIcon, ImageIcon, ImpersonateIcon, InboxIcon, IndexIcon, InfoIcon, InfrastructureLayersIcon, InputFormIcon, InstallIcon, InstanceIcon, InstanceTypeIcon, IpAddressIcon, IssueIcon, JobIcon, JsonIcon, KeyIcon, KeyboardIcon, KubernetesNamespaceIcon, LanguageIcon, LegalIcon, LibraryIcon, LicenseIcon, LinkIcon, ListViewIcon, LockIcon, MFAIcon, MachineImageIcon, MailFailedIcon, MailIcon, MailVerifiedIcon, MapPinIcon, MarketplaceIcon, MatrixIcon, MegaphoneIcon, MigrationIcon, MinimizeIcon, MinusIcon, MlIcon, MoneyIcon, MoonIcon, MoreIcon, MusicIcon, MuteIcon, NavigationIcon, NetworkInterfaceIcon, NewChatIcon, NodeIcon, NotRunningIcon, NotebookIcon, NotificationIcon, OnboardingIcon, OpenInNewGraphIcon, OrganizationIcon, PartnerIcon, PasswordIcon, PauseIcon, PdfIcon, PendingIcon, PhoneIcon, PieChartIcon, PinFilledIcon, PinIcon, PowerIcon, PowershellIcon, PreviewIcon, PrintIcon, ProjectIcon, PublishIcon, PullRequestIcon, QRCodeIcon, QueueIcon, QuotaIcon, RedoIcon, RefreshIcon, RemoveIcon, RemoveUserIcon, RenameIcon, RenewIcon, ResetLayoutIcon, ResourceGroupIcon, ResourceIcon, RetryIcon, RoleIcon, RollbackIcon, RunWorkflowIcon, RunningIcon, RunsIcon, SaveIcon, SchedulerIcon, ScriptIcon, SearchIcon, SendIcon, ServiceIcon, SessionIcon, SettingsIcon, ShareIcon, ShieldIcon, ShieldOffIcon, ShrinkIcon, SidebarCloseIcon, SidebarIcon, SidebarOpenIcon, SignInIcon, SignOutIcon, SkipIcon, SnapshotIcon, SortDownIcon, SortUnsortedIcon, SortUpIcon, SparklesIcon, SplitIcon, SpreadsheetIcon, StartIcon, StopIcon, StorageIcon, SubdomainIcon, SuccessCheckmark, SuccessIcon, SummaryIcon, SunIcon, SupportIcon, SwapIcon, TagIcon, TerminalIcon, ThinkingIcon, TodoIcon, TrashIcon, TunnelIcon, UndoIcon, UnfavoriteIcon, UnlinkIcon, UnmuteIcon, UploadIcon, UserIcon, UserWorkspaceIcon, UsersIcon, VideoIcon, WarningIcon, WebhookIcon, ZapIcon, ZipIcon, ZoomInIcon, ZoomOutIcon };
+export { APIIcon, AccessIcon, AddAllocationIcon, AddIcon, AddProjectIcon, AddUserIcon, AgentIcon, AllocationIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArticleIcon, AttachmentIcon, AuthenticationIcon, BillingIcon, BriefcaseIcon, BucketIcon, BuildWorkflowIcon, CalendarIcon, CancelIcon, CelebrateIcon, CertificateIcon, ChangesRequestedIcon, ChartIcon, ChatIcon, CheckIcon, ChevronDoubleDownIcon, ChevronDoubleUpIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClipboardCheckIcon, ClockIcon, CloseIcon, CloudIcon, ClusterIcon, CodeIcon, CollapseIcon, ColumnsIcon, CommentIcon, CommitIcon, ComputeIcon, ConnectIcon, ContractIcon, CopyIcon, CustomizeIcon, DesktopIcon, DestroyIcon, DeviceIcon, DirectoryIcon, DisableCostIcon, DisableUserIcon, DisconnectIcon, DiskIcon, DisplayIcon, DownloadIcon, DragHandleIcon, DuplicateIcon, EditIcon, EditorIcon, EducationIcon, EnableCostIcon, EnableUserIcon, EndpointIcon, ErrorCheckmark, ErrorIcon, EventsIcon, ExpandIcon, ExpandVerticalIcon, ExpiredIcon, ExpiringIcon, ExpressionIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FailIcon, FavoriteIcon, FavoriteOutlineIcon, FeaturedIcon, FileIcon, FileTextIcon, FilesIcon, FilesystemIcon, FilterClearIcon, FilterIcon, FlaggedIcon, FlaskIcon, FolderIcon, FolderOpenIcon, FolderTreeIcon, ForbiddenIcon, ForkIcon, GearsIcon, GlobeIcon, GovernmentIcon, GraphIcon, GridIcon, HealthMonitoringIcon, HelpIcon, HistoryIcon, HomeIcon, IdCardIcon, ImageIcon, ImpersonateIcon, InboxIcon, IndexIcon, InfoIcon, InfrastructureLayersIcon, InputFormIcon, InstallIcon, InstanceIcon, InstanceTypeIcon, IpAddressIcon, IssueIcon, JobIcon, JsonIcon, KeyIcon, KeyboardIcon, KubernetesNamespaceIcon, LanguageIcon, LegalIcon, LibraryIcon, LicenseIcon, LinkIcon, ListViewIcon, LockIcon, MFAIcon, MachineImageIcon, MailFailedIcon, MailIcon, MailVerifiedIcon, MapPinIcon, MarketplaceIcon, MatrixIcon, MegaphoneIcon, MigrationIcon, MinimizeIcon, MinusIcon, MlIcon, MoneyIcon, MoonIcon, MoreIcon, MusicIcon, MuteIcon, NavigationIcon, NetworkInterfaceIcon, NewChatIcon, NodeIcon, NotRunningIcon, NotebookIcon, NotificationIcon, OnboardingIcon, OpenInNewGraphIcon, OrganizationIcon, PartnerIcon, PasswordIcon, PauseIcon, PdfIcon, PendingIcon, PhoneIcon, PieChartIcon, PinFilledIcon, PinIcon, PowerIcon, PowershellIcon, PreviewIcon, PrintIcon, ProjectIcon, PublishIcon, PullRequestIcon, QRCodeIcon, QueueIcon, QuotaIcon, RedoIcon, RefreshIcon, RemoveIcon, RemoveUserIcon, RenameIcon, RenewIcon, ResetLayoutIcon, ResourceGroupIcon, ResourceIcon, RetryIcon, RoleIcon, RollbackIcon, RunWorkflowIcon, RunningIcon, RunsIcon, SaveIcon, SchedulerIcon, ScriptIcon, SearchIcon, SendIcon, ServiceIcon, SessionIcon, SettingsIcon, ShareIcon, ShieldIcon, ShieldOffIcon, ShrinkIcon, SidebarCloseIcon, SidebarIcon, SidebarOpenIcon, SignInIcon, SignOutIcon, SkipIcon, SnapshotIcon, SortDownIcon, SortUnsortedIcon, SortUpIcon, SparklesIcon, SplitIcon, SpreadsheetIcon, StartIcon, StopIcon, StorageIcon, SubdomainIcon, SuccessCheckmark, SuccessIcon, SummaryIcon, SunIcon, SupportIcon, SwapIcon, TagIcon, TerminalIcon, ThinkingIcon, TodoIcon, ToolsIcon, TrashIcon, TunnelIcon, UndoIcon, UnfavoriteIcon, UnlinkIcon, UnmuteIcon, UploadIcon, UserIcon, UserWorkspaceIcon, UsersIcon, VideoIcon, WarningIcon, WebhookIcon, ZapIcon, ZipIcon, ZoomInIcon, ZoomOutIcon };