@arcadeai/design-system 7.4.0 → 7.6.0

package/dist/components/ui/atoms/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EAIjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAGpD,QAAA,MAAM,IAAI,0YAAe,CAAC;AAc1B,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,sBAItC,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAC;AAWF,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAYrE;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,qBAYpC;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,0FAiBhE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAW1E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,4BAkBtE;AAED,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,SAAS,EACT,QAAQ,EACR,SAAS,EACT,WAAW,EACX,YAAY,GACb,CAAC"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EAIjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAGpD,QAAA,MAAM,IAAI,0YAAe,CAAC;AAc1B,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,sBAItC,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAC;AAWF,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAYrE;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,qBAYpC;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,0FAsBhE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAW1E;AA0BD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,4BAmBtE;AAED,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,SAAS,EACT,QAAQ,EACR,SAAS,EACT,WAAW,EACX,YAAY,GACb,CAAC"}

package/dist/components/ui/atoms/form.js

@@ -44,12 +44,13 @@ function m({ className: n, ...i }) {
 	});
 }
 function h({ children: e }) {
-	let { error: t, formItemId: r, formDescriptionId: i, formMessageId: a } = d(), o = n.Children.only(e);
-	return n.cloneElement(o, {
+	let { error: t, formItemId: r, formDescriptionId: i, formMessageId: a, name: o } = d(), s = n.Children.only(e);
+	return n.cloneElement(s, {
 		id: r,
 		"aria-describedby": t ? `${i} ${a}` : i,
 		"aria-invalid": !!t,
-		"data-slot": "form-control"
+		"data-slot": "form-control",
+		"data-field": o
 	});
 }
 function g({ className: t, ...n }) {
@@ -61,15 +62,25 @@ function g({ className: t, ...n }) {
 		...n
 	});
 }
-function _({ className: t, ...n }) {
-	let { error: i, formMessageId: a } = d(), o = i ? String(i?.message ?? "") : n.children;
-	return o ? /* @__PURE__ */ r("p", {
+var _ = (e) => {
+	if (!(typeof e != "object" || !e)) {
+		if ("message" in e && typeof e.message == "string") return e.message;
+		for (let t of Object.values(e)) {
+			let e = _(t);
+			if (e) return e;
+		}
+	}
+};
+function v({ className: t, ...n }) {
+	let { error: i, formMessageId: a, name: o } = d(), s = _(i) ?? n.children;
+	return s ? /* @__PURE__ */ r("p", {
 		className: e("text-destructive text-sm", t),
+		"data-field": o,
 		"data-slot": "form-message",
 		id: a,
 		...n,
-		children: o
+		children: s
 	}) : null;
 }
 //#endregion
-export { c as Form, h as FormControl, g as FormDescription, u as FormField, p as FormItem, m as FormLabel, _ as FormMessage, d as useFormField };
+export { c as Form, h as FormControl, g as FormDescription, u as FormField, p as FormItem, m as FormLabel, v as FormMessage, d as useFormField };

package/dist/components/ui/blocks/demo.js

@@ -1,3 +1,4 @@
+/* empty css              */
 import { t as e } from "../../../button-BdQxLUOB.js";
 import { Badge as t } from "../atoms/badge.js";
 import { Card as n } from "../atoms/card.js";
@@ -10,7 +11,6 @@ import { Label as c } from "../atoms/label.js";
 import { Separator as l } from "../atoms/separator.js";
 import { t as u } from "../../../switch-DlxZDt6o.js";
 /* empty css             */
-/* empty css              */
 import { useState as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import { CheckIcon as m, MoonIcon as h, PaletteIcon as g, SunIcon as _, TypeIcon as v } from "lucide-react";

package/dist/components/ui/molecules/mcp-server-picker/requirement-list-item.d.ts

@@ -8,12 +8,20 @@ export type McpRequirementListItemProps = {
     mono?: boolean;
     /** Metadata shown under the title, rendered dot-separated. */
     meta?: React.ReactNode[];
-    /** Trailing action label, e.g. "Add" or "Enable". */
-    actionLabel: string;
+    /** Trailing action label, e.g. "Add" or "Enable". Omit when `readOnly`. */
+    actionLabel?: string;
+    /**
+     * Render a non-interactive row with a locked "Admin only" affordance, for a
+     * requirement the viewer can see but lacks permission to set up.
+     */
+    readOnly?: boolean;
+    /** Tooltip shown on the read-only affordance, explaining why it's locked. */
+    readOnlyReason?: React.ReactNode;
 } & Omit<React.ComponentProps<"button">, "children" | "title">;
 /**
  * A requirement row for the setup dialog. The whole row is the button — the
- * trailing action and chevron are visual affordances, not nested buttons.
+ * trailing action and chevron are visual affordances, not nested buttons. When
+ * `readOnly`, the row is non-interactive and shows an "Admin only" affordance.
  */
-export declare function McpRequirementListItem({ icon, title, mono, meta, actionLabel, className, ...rest }: McpRequirementListItemProps): React.JSX.Element;
+export declare function McpRequirementListItem({ icon, title, mono, meta, actionLabel, readOnly, readOnlyReason, className, ...rest }: McpRequirementListItemProps): React.JSX.Element;
 //# sourceMappingURL=requirement-list-item.d.ts.map

package/dist/components/ui/molecules/mcp-server-picker/requirement-list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"requirement-list-item.d.ts","sourceRoot":"","sources":["../../../../../lib/components/ui/molecules/mcp-server-picker/requirement-list-item.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,MAAM,MAAM,2BAA2B,GAAG;IACxC,qDAAqD;IACrD,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8DAA8D;IAC9D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,qDAAqD;IACrD,WAAW,EAAE,MAAM,CAAC;CACrB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAE/D;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,KAAK,EACL,IAAY,EACZ,IAAI,EACJ,WAAW,EACX,SAAS,EACT,GAAG,IAAI,EACR,EAAE,2BAA2B,qBAoD7B"}
+{"version":3,"file":"requirement-list-item.d.ts","sourceRoot":"","sources":["../../../../../lib/components/ui/molecules/mcp-server-picker/requirement-list-item.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAYpC,MAAM,MAAM,2BAA2B,GAAG;IACxC,qDAAqD;IACrD,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8DAA8D;IAC9D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6EAA6E;IAC7E,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAiD/D;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,KAAK,EACL,IAAY,EACZ,IAAI,EACJ,WAAW,EACX,QAAgB,EAChB,cAAwC,EACxC,SAAS,EACT,GAAG,IAAI,EACR,EAAE,2BAA2B,qBAkD7B"}

package/dist/components/ui/molecules/mcp-server-picker/requirement-list-item.js

@@ -1,47 +1,77 @@
 "use client";
 "use client";
 import { cn as e } from "../../../../lib/utils.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { ChevronRight as r } from "lucide-react";
+import { i as t, n, r, t as i } from "../../../../tooltip-BUR7V5Aa.js";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { ChevronRight as c, LockKeyhole as l } from "lucide-react";
 //#region lib/components/ui/molecules/mcp-server-picker/requirement-list-item.tsx
-function i({ icon: i, title: a, mono: o = !1, meta: s, actionLabel: c, className: l, ...u }) {
-	return /* @__PURE__ */ n("button", {
-		className: e("group flex min-h-16 w-full cursor-pointer items-center gap-3 px-3 py-2.5 text-left outline-none transition-[background-color,color] duration-[var(--duration-fast)] ease-[var(--ease-smooth)] first:rounded-t-xl last:rounded-b-xl hover:bg-foreground/[0.035] focus-visible:bg-foreground/[0.035] focus-visible:ring-2 focus-visible:ring-ring/70 focus-visible:ring-inset active:bg-foreground/[0.055] disabled:pointer-events-none disabled:opacity-50 motion-reduce:transition-none dark:active:bg-foreground/[0.11] dark:focus-visible:bg-foreground/[0.08] dark:hover:bg-foreground/[0.08]", l),
+var u = "You don't have permission to set this up. Ask a project or organization admin to add it.";
+function d({ icon: t, title: n, mono: r, meta: i }) {
+	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("span", {
+		"aria-hidden": !0,
+		className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-muted/70 text-muted-foreground ring-1 ring-border/60 transition-[background-color,color,box-shadow] duration-[var(--duration-fast)] ease-[var(--ease-smooth)] group-hover:bg-background group-hover:text-foreground group-hover:ring-border group-focus-visible:bg-background group-focus-visible:text-foreground group-focus-visible:ring-border motion-reduce:transition-none dark:bg-muted/50 dark:group-focus-visible:bg-muted/80 dark:group-hover:bg-muted/80",
+		children: t
+	}), /* @__PURE__ */ s("span", {
+		className: "flex min-w-0 flex-1 flex-col gap-0.5",
+		children: [/* @__PURE__ */ o("span", {
+			className: e("truncate font-medium text-foreground text-sm leading-5", r && "font-mono text-[13px]"),
+			title: n,
+			translate: r ? "no" : void 0,
+			children: n
+		}), i && i.length > 0 ? /* @__PURE__ */ o("span", {
+			className: "flex min-w-0 flex-wrap items-center gap-x-1.5 gap-y-1 text-muted-foreground text-xs leading-4",
+			children: i.map((e, t) => /* @__PURE__ */ s("span", {
+				className: "contents",
+				children: [t > 0 ? /* @__PURE__ */ o("span", {
+					"aria-hidden": !0,
+					className: "size-1 rounded-full bg-muted-foreground/35"
+				}) : null, /* @__PURE__ */ o("span", { children: e })]
+			}, t))
+		}) : null]
+	})] });
+}
+function f({ icon: a, title: f, mono: p = !1, meta: m, actionLabel: h, readOnly: g = !1, readOnlyReason: _ = u, className: v, ...y }) {
+	return g ? /* @__PURE__ */ s("div", {
+		className: e("flex min-h-16 w-full items-center gap-3 px-3 py-2.5 text-left first:rounded-t-xl last:rounded-b-xl", v),
+		"data-slot": "mcp-requirement-list-item",
+		children: [/* @__PURE__ */ o(d, {
+			icon: a,
+			meta: m,
+			mono: p,
+			title: f
+		}), /* @__PURE__ */ o(r, {
+			delay: 150,
+			children: /* @__PURE__ */ s(i, { children: [/* @__PURE__ */ s(t, {
+				"aria-label": `Admin only. ${typeof _ == "string" ? _ : ""}`.trim(),
+				className: "flex shrink-0 cursor-help items-center gap-1.5 rounded-lg border border-muted-foreground/25 border-dashed px-2.5 py-1.5 font-medium text-muted-foreground/70 text-xs outline-none transition-colors hover:text-muted-foreground focus-visible:ring-2 focus-visible:ring-ring/60 motion-reduce:transition-none",
+				type: "button",
+				children: [/* @__PURE__ */ o(l, {
+					"aria-hidden": !0,
+					className: "size-3"
+				}), /* @__PURE__ */ o("span", { children: "Admin only" })]
+			}), /* @__PURE__ */ o(n, {
+				className: "max-w-56 text-pretty leading-snug",
+				children: _
+			})] })
+		})]
+	}) : /* @__PURE__ */ s("button", {
+		className: e("group flex min-h-16 w-full cursor-pointer items-center gap-3 px-3 py-2.5 text-left outline-none transition-[background-color,color] duration-[var(--duration-fast)] ease-[var(--ease-smooth)] first:rounded-t-xl last:rounded-b-xl hover:bg-foreground/[0.035] focus-visible:bg-foreground/[0.035] focus-visible:ring-2 focus-visible:ring-ring/70 focus-visible:ring-inset active:bg-foreground/[0.055] disabled:pointer-events-none disabled:opacity-50 motion-reduce:transition-none dark:active:bg-foreground/[0.11] dark:focus-visible:bg-foreground/[0.08] dark:hover:bg-foreground/[0.08]", v),
 		"data-slot": "mcp-requirement-list-item",
-		...u,
+		...y,
 		type: "button",
-		children: [
-			/* @__PURE__ */ t("span", {
-				"aria-hidden": !0,
-				className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-muted/70 text-muted-foreground ring-1 ring-border/60 transition-[background-color,color,box-shadow] duration-[var(--duration-fast)] ease-[var(--ease-smooth)] group-hover:bg-background group-hover:text-foreground group-hover:ring-border group-focus-visible:bg-background group-focus-visible:text-foreground group-focus-visible:ring-border motion-reduce:transition-none dark:bg-muted/50 dark:group-focus-visible:bg-muted/80 dark:group-hover:bg-muted/80",
-				children: i
-			}),
-			/* @__PURE__ */ n("span", {
-				className: "flex min-w-0 flex-1 flex-col gap-0.5",
-				children: [/* @__PURE__ */ t("span", {
-					className: e("truncate font-medium text-foreground text-sm leading-5", o && "font-mono text-[13px]"),
-					title: a,
-					children: a
-				}), s && s.length > 0 ? /* @__PURE__ */ t("span", {
-					className: "flex min-w-0 flex-wrap items-center gap-x-1.5 gap-y-1 text-muted-foreground text-xs leading-4",
-					children: s.map((e, r) => /* @__PURE__ */ n("span", {
-						className: "contents",
-						children: [r > 0 ? /* @__PURE__ */ t("span", {
-							"aria-hidden": !0,
-							className: "size-1 rounded-full bg-muted-foreground/35"
-						}) : null, /* @__PURE__ */ t("span", { children: e })]
-					}, r))
-				}) : null]
-			}),
-			/* @__PURE__ */ n("span", {
-				className: "flex shrink-0 items-center gap-1.5 rounded-lg bg-muted/60 px-2.5 py-1.5 font-medium text-muted-foreground text-xs transition-[background-color,color] duration-[var(--duration-fast)] ease-[var(--ease-smooth)] group-hover:bg-primary group-hover:text-primary-foreground group-focus-visible:bg-primary group-focus-visible:text-primary-foreground motion-reduce:transition-none dark:bg-muted/50 dark:group-focus-visible:bg-primary dark:group-focus-visible:text-primary-foreground dark:group-hover:bg-primary dark:group-hover:text-primary-foreground",
-				children: [/* @__PURE__ */ t("span", {
-					className: "max-w-20 truncate",
-					children: c
-				}), /* @__PURE__ */ t(r, { className: "size-3.5 transition-transform duration-[var(--duration-fast)] ease-[var(--ease-smooth)] group-hover:translate-x-0.5 group-focus-visible:translate-x-0.5 motion-reduce:transition-none motion-reduce:group-focus-visible:translate-x-0 motion-reduce:group-hover:translate-x-0" })]
-			})
-		]
+		children: [/* @__PURE__ */ o(d, {
+			icon: a,
+			meta: m,
+			mono: p,
+			title: f
+		}), /* @__PURE__ */ s("span", {
+			className: "flex shrink-0 items-center gap-1.5 rounded-lg bg-muted/60 px-2.5 py-1.5 font-medium text-muted-foreground text-xs transition-[background-color,color] duration-[var(--duration-fast)] ease-[var(--ease-smooth)] group-hover:bg-primary group-hover:text-primary-foreground group-focus-visible:bg-primary group-focus-visible:text-primary-foreground motion-reduce:transition-none dark:bg-muted/50 dark:group-focus-visible:bg-primary dark:group-focus-visible:text-primary-foreground dark:group-hover:bg-primary dark:group-hover:text-primary-foreground",
+			children: [/* @__PURE__ */ o("span", {
+				className: "max-w-20 truncate",
+				children: h
+			}), /* @__PURE__ */ o(c, { className: "size-3.5 transition-transform duration-[var(--duration-fast)] ease-[var(--ease-smooth)] group-hover:translate-x-0.5 group-focus-visible:translate-x-0.5 motion-reduce:transition-none motion-reduce:group-focus-visible:translate-x-0 motion-reduce:group-hover:translate-x-0" })]
+		})]
 	});
 }
 //#endregion
-export { i as McpRequirementListItem };
+export { f as McpRequirementListItem };

package/dist/components/ui/organisms/mcp-requirements-status.d.ts

@@ -10,7 +10,8 @@ export type McpRequirementsStatusProps = {
     /**
      * The unmet requirements to show. An empty array renders the satisfied
      * "Ready" state, so callers must not pass an empty array while data is still
-     * loading — represent loading or unknown status with `unverifiedCount`.
+     * resolving — use `loading` for that, and `unverifiedCount` for requirements
+     * whose status couldn't be confirmed.
      */
     requirements: McpRequirementInfoItem[];
     /**
@@ -26,6 +27,11 @@ export type McpRequirementsStatusProps = {
      * switches between the action and the read-only admin-handoff guidance.
      */
     onSetup?: () => void;
+    /**
+     * Requirement data isn't ready yet. Renders a skeleton sized to the resolved
+     * states so the column doesn't flash "Ready" (or empty) before it's known.
+     */
+    loading?: boolean;
     className?: string;
 };
 /**
@@ -33,5 +39,5 @@ export type McpRequirementsStatusProps = {
  * callback turns missing requirements into a secondary action; without it,
  * the same summary becomes a ghost disclosure with permission guidance.
  */
-export declare function McpRequirementsStatus({ requirements, unverifiedCount, onSetup, className, }: McpRequirementsStatusProps): import("react").JSX.Element;
+export declare function McpRequirementsStatus({ requirements, unverifiedCount, onSetup, loading, className, }: McpRequirementsStatusProps): import("react").JSX.Element;
 //# sourceMappingURL=mcp-requirements-status.d.ts.map

package/dist/components/ui/organisms/mcp-requirements-status.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-requirements-status.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/organisms/mcp-requirements-status.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAmBvC,MAAM,MAAM,sBAAsB,GAAG;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAOF,MAAM,MAAM,0BAA0B,GAAG;IACvC;;;;OAIG;IACH,YAAY,EAAE,sBAAsB,EAAE,CAAC;IACvC;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAmMF;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,YAAY,EACZ,eAAmB,EACnB,OAAO,EACP,SAAS,GACV,EAAE,0BAA0B,+BAmC5B"}
+{"version":3,"file":"mcp-requirements-status.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/organisms/mcp-requirements-status.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBvC,MAAM,MAAM,sBAAsB,GAAG;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAOF,MAAM,MAAM,0BAA0B,GAAG;IACvC;;;;;OAKG;IACH,YAAY,EAAE,sBAAsB,EAAE,CAAC;IACvC;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAmMF;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,YAAY,EACZ,eAAmB,EACnB,OAAO,EACP,OAAe,EACf,SAAS,GACV,EAAE,0BAA0B,+BA2C5B"}

package/dist/components/ui/organisms/mcp-requirements-status.js

@@ -4,155 +4,157 @@ import { cn as e } from "../../../lib/utils.js";
 import { t } from "../../../button-BdQxLUOB.js";
 import { a as n, i as r, n as i, o as a, r as o, t as s } from "../../../popover-CpLkQtT5.js";
 import { t as c } from "../../../scroll-area-D7iOy7xj.js";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { CheckCircle2 as f, ChevronDown as p, CircleHelp as m, KeyRound as h, LockKeyhole as g } from "lucide-react";
+import { Skeleton as l } from "../atoms/skeleton.js";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { CheckCircle2 as p, ChevronDown as m, CircleHelp as h, KeyRound as g, LockKeyhole as _ } from "lucide-react";
 //#region lib/components/ui/organisms/mcp-requirements-status.tsx
-var _ = /* @__PURE__ */ u(l, { children: "You can view these, but only a project or organization admin can add them." }), v = 42, y = 252;
-function b({ count: e, showChevron: t = !1 }) {
-	return /* @__PURE__ */ d(l, { children: [
-		/* @__PURE__ */ u("span", {
+var v = /* @__PURE__ */ d(u, { children: "You can view these, but only a project or organization admin can add them." }), y = 42, b = 252;
+function x({ count: e, showChevron: t = !1 }) {
+	return /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ d("span", {
 			"aria-hidden": !0,
-			className: "flex size-5 shrink-0 items-center justify-center rounded-md bg-warning/10 text-warning",
-			children: /* @__PURE__ */ u(h, { className: "size-3" })
+			className: "flex size-5 shrink-0 items-center justify-center rounded-md bg-warning/5 text-warning",
+			children: /* @__PURE__ */ d(g, { className: "size-3" })
 		}),
-		/* @__PURE__ */ d("span", {
+		/* @__PURE__ */ f("span", {
 			className: "inline-flex items-baseline gap-1 whitespace-nowrap text-muted-foreground text-xs tabular-nums",
-			children: [/* @__PURE__ */ u("span", {
+			children: [/* @__PURE__ */ d("span", {
 				className: "font-semibold text-foreground",
 				children: e
-			}), /* @__PURE__ */ u("span", { children: e === 1 ? "requirement" : "requirements" })]
+			}), /* @__PURE__ */ d("span", { children: e === 1 ? "requirement" : "requirements" })]
 		}),
-		t ? /* @__PURE__ */ u(p, {
+		t ? /* @__PURE__ */ d(m, {
 			"aria-hidden": !0,
 			className: "size-3 shrink-0 text-muted-foreground/70 transition-transform group-aria-expanded:rotate-180 motion-reduce:transition-none"
 		}) : null
 	] });
 }
-function x({ className: t }) {
-	return /* @__PURE__ */ d("span", {
+function S({ className: t }) {
+	return /* @__PURE__ */ f("span", {
 		className: e("inline-flex h-8 items-center gap-2 whitespace-nowrap px-2 font-medium text-muted-foreground text-sm", t),
-		children: [/* @__PURE__ */ u(f, {
+		children: [/* @__PURE__ */ d(p, {
 			"aria-hidden": !0,
 			className: "size-4 text-success/80"
-		}), /* @__PURE__ */ u("span", { children: "Ready" })]
+		}), /* @__PURE__ */ d("span", { children: "Ready" })]
 	});
 }
-function S({ count: t, className: c }) {
-	return /* @__PURE__ */ d(s, { children: [/* @__PURE__ */ d(a, {
+function C({ count: t, className: c }) {
+	return /* @__PURE__ */ f(s, { children: [/* @__PURE__ */ f(a, {
 		"aria-label": `${t === 1 ? "1 item" : `${t} items`} unverified. View details`,
 		className: e("group inline-flex h-8 items-center gap-2 whitespace-nowrap rounded-md px-2 font-medium text-muted-foreground text-sm outline-none transition-colors hover:bg-muted/40 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/60 motion-reduce:transition-none dark:hover:bg-muted/25", c),
 		type: "button",
 		children: [
-			/* @__PURE__ */ u(m, {
+			/* @__PURE__ */ d(h, {
 				"aria-hidden": !0,
 				className: "size-3.5 shrink-0 text-muted-foreground"
 			}),
-			/* @__PURE__ */ u("span", { children: "Couldn't verify" }),
-			/* @__PURE__ */ u(p, {
+			/* @__PURE__ */ d("span", { children: "Couldn't verify" }),
+			/* @__PURE__ */ d(m, {
 				"aria-hidden": !0,
 				className: "size-3.5 shrink-0 text-muted-foreground transition-transform group-aria-expanded:rotate-180 motion-reduce:transition-none"
 			})
 		]
-	}), /* @__PURE__ */ d(i, {
+	}), /* @__PURE__ */ f(i, {
 		align: "start",
 		className: "w-72 gap-3",
 		sideOffset: 6,
-		children: [/* @__PURE__ */ d(r, { children: [/* @__PURE__ */ u(n, { children: "Couldn't check requirements" }), /* @__PURE__ */ u(o, { children: "Arcade couldn't confirm whether this gateway's tools are ready to run." })] }), /* @__PURE__ */ u("p", {
+		children: [/* @__PURE__ */ f(r, { children: [/* @__PURE__ */ d(n, { children: "Couldn't check requirements" }), /* @__PURE__ */ d(o, { children: "Arcade couldn't confirm whether this gateway's tools are ready to run." })] }), /* @__PURE__ */ d("p", {
 			className: "text-muted-foreground text-xs leading-relaxed",
 			children: "Usually a listed tool is no longer available. Review the gateway's tools, or refresh if it's a temporary error."
 		})]
 	})] });
 }
-function C({ item: t }) {
-	return /* @__PURE__ */ d("li", {
+function w({ item: t }) {
+	return /* @__PURE__ */ f("li", {
 		className: "flex items-center gap-2.5",
-		children: [/* @__PURE__ */ u("span", {
+		children: [/* @__PURE__ */ d("span", {
 			"aria-hidden": !0,
 			className: "flex size-7 shrink-0 items-center justify-center rounded-md bg-muted/60 text-muted-foreground ring-1 ring-border/50",
 			children: t.icon
-		}), /* @__PURE__ */ d("span", {
+		}), /* @__PURE__ */ f("span", {
 			className: "min-w-0 flex-1",
-			children: [/* @__PURE__ */ u("span", {
+			children: [/* @__PURE__ */ d("span", {
 				className: e("block truncate font-medium text-foreground text-xs", t.mono && "font-mono"),
 				title: t.title,
 				translate: t.mono ? "no" : void 0,
 				children: t.title
-			}), /* @__PURE__ */ u("span", {
+			}), /* @__PURE__ */ d("span", {
 				className: "block truncate text-[11px] text-muted-foreground",
 				children: t.meta
 			})]
 		})]
 	});
 }
-function w({ requirements: t, unverifiedCount: l, className: f }) {
+function T({ requirements: t, unverifiedCount: l, className: u }) {
 	let p = t.length;
-	return /* @__PURE__ */ d(s, { children: [/* @__PURE__ */ u(a, {
+	return /* @__PURE__ */ f(s, { children: [/* @__PURE__ */ d(a, {
 		"aria-label": `View ${`${p} ${p === 1 ? "requirement" : "requirements"}`} that ${p === 1 ? "needs" : "need"} setup`,
-		className: e("group inline-flex h-8 items-center gap-2 rounded-md px-1.5 text-left outline-none transition-colors hover:bg-foreground/[0.04] focus-visible:ring-2 focus-visible:ring-ring/60 motion-reduce:transition-none dark:hover:bg-foreground/[0.06]", f),
+		className: e("group inline-flex h-8 items-center gap-2 rounded-md px-1.5 text-left outline-none transition-colors hover:bg-foreground/[0.04] focus-visible:ring-2 focus-visible:ring-ring/60 motion-reduce:transition-none dark:hover:bg-foreground/[0.06]", u),
 		type: "button",
-		children: /* @__PURE__ */ u(b, {
+		children: /* @__PURE__ */ d(x, {
 			count: p,
 			showChevron: !0
 		})
-	}), /* @__PURE__ */ d(i, {
+	}), /* @__PURE__ */ f(i, {
 		align: "start",
 		className: "w-80 max-w-[calc(100vw-1rem)] gap-0 overflow-hidden p-0",
 		sideOffset: 6,
 		children: [
-			/* @__PURE__ */ d(r, {
+			/* @__PURE__ */ f(r, {
 				className: "border-border/60 border-b px-3 py-2.5",
-				children: [/* @__PURE__ */ u(n, { children: "Setup Requirements" }), /* @__PURE__ */ u(o, { children: "Configure these before the gateway's tools can run." })]
+				children: [/* @__PURE__ */ d(n, { children: "Setup Requirements" }), /* @__PURE__ */ d(o, { children: "Configure these before the gateway's tools can run." })]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				className: "px-3 py-3",
-				children: [/* @__PURE__ */ u(c, {
+				children: [/* @__PURE__ */ d(c, {
 					className: "min-h-0 overflow-hidden",
 					orientation: "vertical",
-					style: { height: Math.min(t.length * v, y) },
+					style: { height: Math.min(t.length * y, b) },
 					type: "hover",
-					children: /* @__PURE__ */ u("ul", {
+					children: /* @__PURE__ */ d("ul", {
 						className: "space-y-2.5 pr-2",
-						children: t.map((e) => /* @__PURE__ */ u(C, { item: e }, e.id))
+						children: t.map((e) => /* @__PURE__ */ d(w, { item: e }, e.id))
 					})
-				}), l > 0 ? /* @__PURE__ */ d("div", {
+				}), l > 0 ? /* @__PURE__ */ f("div", {
 					className: "mt-3 flex items-start gap-2 border-border/50 border-t pt-3 text-muted-foreground text-xs leading-relaxed",
-					children: [/* @__PURE__ */ u(m, {
+					children: [/* @__PURE__ */ d(h, {
 						"aria-hidden": !0,
 						className: "mt-0.5 size-3.5 shrink-0"
-					}), /* @__PURE__ */ d("span", { children: [l, " more couldn't be checked."] })]
+					}), /* @__PURE__ */ f("span", { children: [l, " more couldn't be checked."] })]
 				}) : null]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				className: "flex items-start gap-2.5 border-border/60 border-t bg-muted/20 px-3 py-2.5 text-muted-foreground text-xs leading-relaxed",
-				children: [/* @__PURE__ */ u(g, {
+				children: [/* @__PURE__ */ d(_, {
 					"aria-hidden": !0,
 					className: "mt-0.5 size-3.5 shrink-0 text-foreground/70"
-				}), /* @__PURE__ */ u("span", { children: _ })]
+				}), /* @__PURE__ */ d("span", { children: v })]
 			})
 		]
 	})] });
 }
-function T({ requirements: n, unverifiedCount: r = 0, onSetup: i, className: a }) {
-	if (n.length === 0) return r > 0 ? /* @__PURE__ */ u(S, {
-		className: a,
+function E({ requirements: n, unverifiedCount: r = 0, onSetup: i, loading: a = !1, className: o }) {
+	if (a) return /* @__PURE__ */ d(l, { className: e("h-8 w-28 rounded-md", o) });
+	if (n.length === 0) return r > 0 ? /* @__PURE__ */ d(C, {
+		className: o,
 		count: r
-	}) : /* @__PURE__ */ u(x, { className: a });
+	}) : /* @__PURE__ */ d(S, { className: o });
 	if (i) {
 		let r = n.length;
-		return /* @__PURE__ */ u(t, {
+		return /* @__PURE__ */ d(t, {
 			"aria-label": `Configure ${`${r} ${r === 1 ? "requirement" : "requirements"}`}`,
-			className: e("h-8 gap-2 rounded-md px-1.5 pr-2.5 shadow-none motion-reduce:transition-none", a),
+			className: e("h-8 gap-2 rounded-md px-1.5 pr-2.5 shadow-none motion-reduce:transition-none", o),
 			onClick: i,
 			type: "button",
-			variant: "secondary",
-			children: /* @__PURE__ */ u(b, { count: r })
+			variant: "outline",
+			children: /* @__PURE__ */ d(x, { count: r })
 		});
 	}
-	return /* @__PURE__ */ u(w, {
-		className: a,
+	return /* @__PURE__ */ d(T, {
+		className: o,
 		requirements: n,
 		unverifiedCount: r
 	});
 }
 //#endregion
-export { T as McpRequirementsStatus };
+export { E as McpRequirementsStatus };

package/dist/components/ui/organisms/mcp-tool-inventory-popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-tool-inventory-popover.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/organisms/mcp-tool-inventory-popover.tsx"],"names":[],"mappings":"AAwBA,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,MAAM,EAAE,qBAAqB,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAgJF;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,SAAS,GACV,EAAE,4BAA4B,+BAkI9B"}
+{"version":3,"file":"mcp-tool-inventory-popover.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/organisms/mcp-tool-inventory-popover.tsx"],"names":[],"mappings":"AAyBA,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,MAAM,EAAE,qBAAqB,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAuHF;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,SAAS,GACV,EAAE,4BAA4B,+BAqI9B"}

package/dist/components/ui/organisms/mcp-tool-inventory-popover.js

@@ -9,15 +9,15 @@ import { useCallback as u, useMemo as d, useState as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import { ChevronDown as h } from "lucide-react";
 //#region lib/components/ui/organisms/mcp-tool-inventory-popover.tsx
-var g = 2, _ = 320, v = 160, y = 41, b = 25, x = 8;
-function S(e) {
-	let t = e.length * y + x, n = Math.max(...e.map((e) => e.tools.length));
-	return Math.min(_, Math.max(t, Math.max(v, t + n * b)));
+var g = 2, _ = 320, v = 36, y = 24;
+function b(e, t) {
+	let n = e.find((e) => e.id === t)?.tools.length ?? 0;
+	return Math.min(_, e.length * v + n * y);
 }
-function C({ group: t, isExpanded: n, showTopBorder: r, onToggle: i }) {
+function x({ group: t, isExpanded: n, showTopBorder: r, onToggle: i }) {
 	return /* @__PURE__ */ m("button", {
 		"aria-expanded": n,
-		className: e("flex w-full items-center gap-2 px-3 py-2 text-left outline-none transition-colors hover:bg-muted/40 focus-visible:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-inset motion-reduce:transition-none", r && "border-border/50 border-t", n && "bg-muted/25"),
+		className: e("flex h-9 w-full items-center gap-2 px-3 text-left outline-none transition-colors hover:bg-muted/40 focus-visible:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-inset motion-reduce:transition-none", r && "border-border/50 border-t", n && "bg-muted/25"),
 		onClick: i,
 		type: "button",
 		children: [
@@ -45,25 +45,25 @@ function C({ group: t, isExpanded: n, showTopBorder: r, onToggle: i }) {
 		]
 	});
 }
-function w({ tool: t, isFirst: n, isLast: r }) {
+function S({ tool: e }) {
 	return /* @__PURE__ */ p("div", {
-		className: e("bg-muted/15 pr-3 pl-7", n ? "pt-1.5" : "pt-1", r ? "pb-2" : "pb-1"),
-		title: t,
+		className: "bg-muted/15 py-1 pr-3 pl-7",
+		title: e,
 		translate: "no",
 		children: /* @__PURE__ */ p("div", {
 			className: "truncate border-border/60 border-l pl-3 text-muted-foreground text-xs",
-			children: t
+			children: e
 		})
 	});
 }
-function T({ group: e, groupIndex: t, isExpanded: n, onToggle: r, scrollElement: i }) {
+function C({ group: e, groupIndex: t, isExpanded: n, onToggle: r, scrollElement: i }) {
 	let a = d(() => e.tools.map((e, t) => ({
 		tool: e,
 		index: t
 	})), [e.tools]);
 	return /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
 		className: "sticky top-0 z-10 bg-popover",
-		children: /* @__PURE__ */ p(C, {
+		children: /* @__PURE__ */ p(x, {
 			group: e,
 			isExpanded: n,
 			onToggle: r,
@@ -71,21 +71,17 @@ function T({ group: e, groupIndex: t, isExpanded: n, onToggle: r, scrollElement:
 		})
 	}), n ? /* @__PURE__ */ p(c, {
 		columns: 1,
-		estimateRowSize: b,
+		estimateRowSize: y,
 		getItemKey: (e) => `tool:${t}:${e.index}`,
 		gridClassName: "grid grid-cols-1",
 		items: a,
-		renderItem: (t) => /* @__PURE__ */ p(w, {
-			isFirst: t.index === 0,
-			isLast: t.index === e.tools.length - 1,
-			tool: t.tool
-		}),
+		renderItem: (e) => /* @__PURE__ */ p(S, { tool: e.tool }),
 		scrollElement: i
 	}) : null] });
 }
-function E({ groups: c, className: _ }) {
-	let [v, y] = f(void 0), [b, x] = f(null), [C] = c, w = c.length === 1 && C ? C.id : null, E = v === null || c.some((e) => e.id === v), D = v !== void 0 && E ? v : w, O = d(() => c.reduce((e, t) => e + t.tools.length, 0), [c]), k = u((e) => {
-		x(e?.querySelector("[data-slot=\"scroll-area-viewport\"]") ?? null);
+function w({ groups: c, className: _ }) {
+	let [v, y] = f(void 0), [x, S] = f(null), [w] = c, T = w ? w.id : null, E = v === null || c.some((e) => e.id === v), D = v !== void 0 && E ? v : T, O = d(() => c.reduce((e, t) => e + t.tools.length, 0), [c]), k = u((e) => {
+		S(e?.querySelector("[data-slot=\"scroll-area-viewport\"]") ?? null);
 	}, []);
 	if (c.length === 0) return /* @__PURE__ */ m("span", {
 		className: "text-muted-foreground",
@@ -135,7 +131,7 @@ function E({ groups: c, className: _ }) {
 		]
 	}), /* @__PURE__ */ m(r, {
 		align: "start",
-		className: "w-80 max-w-[calc(100vw-1rem)] gap-0 overflow-hidden p-0",
+		className: "w-80 max-w-[calc(100vw-1rem)] gap-0 overflow-hidden p-0 pb-1.5 shadow-black/30 shadow-xl ring-1 ring-foreground/20",
 		sideOffset: 6,
 		children: [/* @__PURE__ */ m(n, {
 			className: "border-border/60 border-b px-3 py-2.5",
@@ -148,17 +144,17 @@ function E({ groups: c, className: _ }) {
 			className: "min-h-0 overflow-hidden",
 			orientation: "vertical",
 			ref: k,
-			style: { height: S(c) },
+			style: { height: b(c, D) },
 			type: "hover",
-			children: c.map((e, t) => /* @__PURE__ */ p(T, {
+			children: c.map((e, t) => /* @__PURE__ */ p(C, {
 				group: e,
 				groupIndex: t,
 				isExpanded: e.id === D,
 				onToggle: () => y(e.id === D ? null : e.id),
-				scrollElement: b
+				scrollElement: x
 			}, e.id))
 		})]
 	})] });
 }
 //#endregion
-export { E as McpToolInventoryPopover };
+export { w as McpToolInventoryPopover };

package/dist/metadata/toolkit-icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolkit-icons.d.ts","sourceRoot":"","sources":["../../lib/metadata/toolkit-icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAItC,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CACnC,MAAM,EACN,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CA8KtD,CAAC;AAaF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAC7B,WAAW,MAAM,GAAG,SAAS,KAC5B;IACD,IAAI,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IAC5D,YAAY,EAAE,OAAO,CAAC;CAMvB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,GACzB,WAAW,MAAM,GAAG,SAAS,KAC5B,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CACrB,CAAC;AAErC;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,WAAW,MAAM,GAAG,SAAS,KAAG,OACnB,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAC/B,aAAa,MAAM,KAClB,CAAC,CAAC,KAAK,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,CAQxD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,GACnC,aAAa,MAAM,KAClB,CAAC,CAAC,KAAK,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,CAQxD,CAAC"}
+{"version":3,"file":"toolkit-icons.d.ts","sourceRoot":"","sources":["../../lib/metadata/toolkit-icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAItC,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CACnC,MAAM,EACN,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CA+KtD,CAAC;AAaF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAC7B,WAAW,MAAM,GAAG,SAAS,KAC5B;IACD,IAAI,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IAC5D,YAAY,EAAE,OAAO,CAAC;CAMvB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,GACzB,WAAW,MAAM,GAAG,SAAS,KAC5B,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CACrB,CAAC;AAErC;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,WAAW,MAAM,GAAG,SAAS,KAAG,OACnB,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAC/B,aAAa,MAAM,KAClB,CAAC,CAAC,KAAK,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,CAQxD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,GACnC,aAAa,MAAM,KAClB,CAAC,CAAC,KAAK,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,CAQxD,CAAC"}

package/dist/metadata/toolkit-icons.js

@@ -78,66 +78,67 @@ import { Luma as Ve } from "../components/ui/atoms/icons/luma.js";
 import { Mailchimp as F } from "../components/ui/atoms/icons/mailchimp.js";
 import { MathToolkit as He } from "../components/ui/atoms/icons/math-toolkit.js";
 import { Mcp as Ue } from "../components/ui/atoms/icons/mcp.js";
-import { MicrosoftDynamics as I } from "../components/ui/atoms/icons/microsoft-dynamics.js";
-import { MicrosoftExcel as We } from "../components/ui/atoms/icons/microsoft-excel.js";
-import { MicrosoftOnedrive as Ge } from "../components/ui/atoms/icons/microsoft-onedrive.js";
+import { Microsoft as I } from "../components/ui/atoms/icons/microsoft.js";
+import { MicrosoftDynamics as We } from "../components/ui/atoms/icons/microsoft-dynamics.js";
+import { MicrosoftExcel as Ge } from "../components/ui/atoms/icons/microsoft-excel.js";
+import { MicrosoftOnedrive as Ke } from "../components/ui/atoms/icons/microsoft-onedrive.js";
 import { MicrosoftOutlookCalendar as L } from "../components/ui/atoms/icons/microsoft-outlook-calendar.js";
 import { MicrosoftOutlookMail as R } from "../components/ui/atoms/icons/microsoft-outlook-mail.js";
-import { MicrosoftPowerBi as Ke } from "../components/ui/atoms/icons/microsoft-power-bi.js";
-import { MicrosoftPowerpoint as qe } from "../components/ui/atoms/icons/microsoft-powerpoint.js";
+import { MicrosoftPowerBi as qe } from "../components/ui/atoms/icons/microsoft-power-bi.js";
+import { MicrosoftPowerpoint as Je } from "../components/ui/atoms/icons/microsoft-powerpoint.js";
 import { MicrosoftSharepoint as z } from "../components/ui/atoms/icons/microsoft-sharepoint.js";
-import { MicrosoftTeams as Je } from "../components/ui/atoms/icons/microsoft-teams.js";
-import { MicrosoftWord as Ye } from "../components/ui/atoms/icons/microsoft-word.js";
+import { MicrosoftTeams as Ye } from "../components/ui/atoms/icons/microsoft-teams.js";
+import { MicrosoftWord as Xe } from "../components/ui/atoms/icons/microsoft-word.js";
 import { Miro as B } from "../components/ui/atoms/icons/miro.js";
-import { Monday as Xe } from "../components/ui/atoms/icons/monday.js";
-import { MongoDB as Ze } from "../components/ui/atoms/icons/mongodb.js";
-import { Netsuite as Qe } from "../components/ui/atoms/icons/netsuite.js";
+import { Monday as Ze } from "../components/ui/atoms/icons/monday.js";
+import { MongoDB as Qe } from "../components/ui/atoms/icons/mongodb.js";
+import { Netsuite as $e } from "../components/ui/atoms/icons/netsuite.js";
 import { Notion as V } from "../components/ui/atoms/icons/notion.js";
-import { Obsidian as $e } from "../components/ui/atoms/icons/obsidian.js";
-import { Okta as et } from "../components/ui/atoms/icons/okta.js";
+import { Obsidian as et } from "../components/ui/atoms/icons/obsidian.js";
+import { Okta as tt } from "../components/ui/atoms/icons/okta.js";
 import { Pagerduty as H } from "../components/ui/atoms/icons/pagerduty.js";
-import { Pinecone as tt } from "../components/ui/atoms/icons/pinecone.js";
-import { Pinterest as nt } from "../components/ui/atoms/icons/pinterest.js";
-import { Pipedrive as rt } from "../components/ui/atoms/icons/pipedrive.js";
-import { Plaid as it } from "../components/ui/atoms/icons/plaid.js";
-import { Postgres as at } from "../components/ui/atoms/icons/postgres.js";
+import { Pinecone as nt } from "../components/ui/atoms/icons/pinecone.js";
+import { Pinterest as rt } from "../components/ui/atoms/icons/pinterest.js";
+import { Pipedrive as it } from "../components/ui/atoms/icons/pipedrive.js";
+import { Plaid as at } from "../components/ui/atoms/icons/plaid.js";
+import { Postgres as ot } from "../components/ui/atoms/icons/postgres.js";
 import { Posthog as U } from "../components/ui/atoms/icons/posthog.js";
-import { Postman as ot } from "../components/ui/atoms/icons/postman.js";
+import { Postman as st } from "../components/ui/atoms/icons/postman.js";
 import { Pylon as W } from "../components/ui/atoms/icons/pylon.js";
-import { Quickbooks as st } from "../components/ui/atoms/icons/quickbooks.js";
-import { Railway as ct } from "../components/ui/atoms/icons/railway.js";
-import { Reddit as lt } from "../components/ui/atoms/icons/reddit.js";
-import { Resend as ut } from "../components/ui/atoms/icons/resend.js";
-import { Salesforce as dt } from "../components/ui/atoms/icons/salesforce.js";
-import { Shopify as ft } from "../components/ui/atoms/icons/shopify.js";
-import { Singlestore as pt } from "../components/ui/atoms/icons/singlestore.js";
+import { Quickbooks as ct } from "../components/ui/atoms/icons/quickbooks.js";
+import { Railway as lt } from "../components/ui/atoms/icons/railway.js";
+import { Reddit as ut } from "../components/ui/atoms/icons/reddit.js";
+import { Resend as dt } from "../components/ui/atoms/icons/resend.js";
+import { Salesforce as ft } from "../components/ui/atoms/icons/salesforce.js";
+import { Shopify as pt } from "../components/ui/atoms/icons/shopify.js";
+import { Singlestore as mt } from "../components/ui/atoms/icons/singlestore.js";
 import { Slack as G } from "../components/ui/atoms/icons/slack.js";
-import { Snowflake as mt } from "../components/ui/atoms/icons/snowflake.js";
-import { Splunk as ht } from "../components/ui/atoms/icons/splunk.js";
-import { Spotify as gt } from "../components/ui/atoms/icons/spotify.js";
+import { Snowflake as ht } from "../components/ui/atoms/icons/snowflake.js";
+import { Splunk as gt } from "../components/ui/atoms/icons/splunk.js";
+import { Spotify as _t } from "../components/ui/atoms/icons/spotify.js";
 import { Square as K } from "../components/ui/atoms/icons/square.js";
-import { Squarespace as _t } from "../components/ui/atoms/icons/squarespace.js";
-import { Squareup as vt } from "../components/ui/atoms/icons/squareup.js";
+import { Squarespace as vt } from "../components/ui/atoms/icons/squarespace.js";
+import { Squareup as yt } from "../components/ui/atoms/icons/squareup.js";
 import { Stripe as q } from "../components/ui/atoms/icons/stripe.js";
-import { Telegram as yt } from "../components/ui/atoms/icons/telegram.js";
-import { Ticktick as bt } from "../components/ui/atoms/icons/ticktick.js";
-import { Tiktok as xt } from "../components/ui/atoms/icons/tiktok.js";
-import { Trello as St } from "../components/ui/atoms/icons/trello.js";
-import { Twilio as Ct } from "../components/ui/atoms/icons/twilio.js";
-import { Twitch as wt } from "../components/ui/atoms/icons/twitch.js";
-import { Vercel as Tt } from "../components/ui/atoms/icons/vercel.js";
-import { Walmart as Et } from "../components/ui/atoms/icons/walmart.js";
-import { Weaviate as Dt } from "../components/ui/atoms/icons/weaviate.js";
-import { Workday as Ot } from "../components/ui/atoms/icons/workday.js";
-import { Wrike as kt } from "../components/ui/atoms/icons/wrike.js";
-import { X as At } from "../components/ui/atoms/icons/x.js";
+import { Telegram as bt } from "../components/ui/atoms/icons/telegram.js";
+import { Ticktick as xt } from "../components/ui/atoms/icons/ticktick.js";
+import { Tiktok as St } from "../components/ui/atoms/icons/tiktok.js";
+import { Trello as Ct } from "../components/ui/atoms/icons/trello.js";
+import { Twilio as wt } from "../components/ui/atoms/icons/twilio.js";
+import { Twitch as Tt } from "../components/ui/atoms/icons/twitch.js";
+import { Vercel as Et } from "../components/ui/atoms/icons/vercel.js";
+import { Walmart as Dt } from "../components/ui/atoms/icons/walmart.js";
+import { Weaviate as Ot } from "../components/ui/atoms/icons/weaviate.js";
+import { Workday as kt } from "../components/ui/atoms/icons/workday.js";
+import { Wrike as At } from "../components/ui/atoms/icons/wrike.js";
+import { X as jt } from "../components/ui/atoms/icons/x.js";
 import { Xero as J } from "../components/ui/atoms/icons/xero.js";
-import { Youtube as jt } from "../components/ui/atoms/icons/youtube.js";
-import { Yugabytedb as Mt } from "../components/ui/atoms/icons/yugabytedb.js";
-import { Zendesk as Nt } from "../components/ui/atoms/icons/zendesk.js";
-import { ZohoBooks as Pt } from "../components/ui/atoms/icons/zoho-books.js";
-import { ZohoCreator as Ft } from "../components/ui/atoms/icons/zoho-creator.js";
-import { Zoom as It } from "../components/ui/atoms/icons/zoom.js";
+import { Youtube as Mt } from "../components/ui/atoms/icons/youtube.js";
+import { Yugabytedb as Nt } from "../components/ui/atoms/icons/yugabytedb.js";
+import { Zendesk as Pt } from "../components/ui/atoms/icons/zendesk.js";
+import { ZohoBooks as Ft } from "../components/ui/atoms/icons/zoho-books.js";
+import { ZohoCreator as It } from "../components/ui/atoms/icons/zoho-creator.js";
+import { Zoom as Lt } from "../components/ui/atoms/icons/zoom.js";
 import { findToolkitByName as Y } from "./utils.js";
 import { jsx as X } from "react/jsx-runtime";
 //#region lib/metadata/toolkit-icons.tsx
@@ -241,91 +242,92 @@ var Z = {
 	MailchimpMarketingApi: F,
 	Math: He,
 	MCP: Ue,
-	MicrosoftDynamics: I,
-	MicrosoftExcel: We,
+	MicrosoftDynamics: We,
+	MicrosoftExcel: Ge,
 	MicrosoftOutlookCalendar: L,
 	MicrosoftOutlookMail: R,
-	MicrosoftPowerBI: Ke,
-	MicrosoftPowerpoint: qe,
+	MicrosoftPowerBI: qe,
+	MicrosoftPowerpoint: Je,
 	MicrosoftSharePoint: z,
 	Sharepoint: z,
-	MicrosoftTeams: Je,
-	MicrosoftWord: Ye,
+	MicrosoftTeams: Ye,
+	MicrosoftUsers: I,
+	MicrosoftWord: Xe,
 	Miro: B,
 	MiroApi: B,
-	Monday: Xe,
-	MongoDB: Ze,
-	Netsuite: Qe,
+	Monday: Ze,
+	MongoDB: Qe,
+	Netsuite: $e,
 	Notion: V,
 	NotionToolkit: V,
-	Obsidian: $e,
-	Okta: et,
-	MicrosoftOnedrive: Ge,
+	Obsidian: et,
+	Okta: tt,
+	MicrosoftOnedrive: Ke,
 	OutlookCalendar: L,
 	OutlookMail: R,
 	PagerDuty: H,
 	PagerDutyApi: H,
-	Pinecone: tt,
-	Pinterest: nt,
-	Pipedrive: rt,
-	Plaid: it,
+	Pinecone: nt,
+	Pinterest: rt,
+	Pipedrive: it,
+	Plaid: at,
 	Posthog: U,
 	PosthogApi: U,
-	Postgres: at,
-	Postman: ot,
+	Postgres: ot,
+	Postman: st,
 	Pylon: W,
 	PylonApi: W,
-	Quickbooks: st,
-	Railway: ct,
-	Reddit: lt,
-	Resend: ut,
-	Salesforce: dt,
-	Shopify: ft,
-	Singlestore: pt,
+	Quickbooks: ct,
+	Railway: lt,
+	Reddit: ut,
+	Resend: dt,
+	Salesforce: ft,
+	Shopify: pt,
+	Singlestore: mt,
 	Slack: G,
 	SlackApi: G,
-	Snowflake: mt,
-	Splunk: ht,
-	Spotify: gt,
+	Snowflake: ht,
+	Splunk: gt,
+	Spotify: _t,
 	Square: K,
-	Squareup: vt,
+	Squareup: yt,
 	SquareupApi: K,
 	SquareUpApi: K,
-	Squarespace: _t,
+	Squarespace: vt,
 	Stripe: q,
 	StripeApi: q,
-	Telegram: yt,
-	Tiktok: xt,
-	TickTickApi: bt,
-	TrelloApi: St,
-	Twilio: Ct,
-	Twitch: wt,
-	Vercel: Tt,
-	Walmart: Et,
-	WeaviateApi: Dt,
-	Workday: Ot,
-	Wrike: kt,
-	X: At,
+	Telegram: bt,
+	Tiktok: St,
+	TickTickApi: xt,
+	TrelloApi: Ct,
+	Twilio: wt,
+	Twitch: Tt,
+	Vercel: Et,
+	Walmart: Dt,
+	WeaviateApi: Ot,
+	Workday: kt,
+	Wrike: At,
+	X: jt,
 	Xero: J,
 	XeroApi: J,
-	YugabyteDB: Mt,
-	ZohoBooksApi: Pt,
-	ZohoCreatorApi: Ft,
-	Youtube: jt,
-	Zendesk: Nt,
-	Zoom: It
-}, Lt = new Map(Object.entries(Z).map(([e, t]) => [e.toLowerCase(), t])), Q = (e) => {
-	let t = e ? Lt.get(e.toLowerCase()) : void 0;
+	YugabyteDB: Nt,
+	ZohoBooksApi: Ft,
+	ZohoCreatorApi: It,
+	Youtube: Mt,
+	Zendesk: Pt,
+	Zoom: Lt
+}, Rt = new Map(Object.entries(Z).map(([e, t]) => [e.toLowerCase(), t])), Q = (e) => {
+	let t = e ? Rt.get(e.toLowerCase()) : void 0;
 	return {
 		Icon: t ?? T,
 		hasBrandIcon: !!t
 	};
-}, $ = (e) => Q(e).Icon, Rt = (e) => Q(e).hasBrandIcon, zt = (e) => {
+}, $ = (e) => Q(e).Icon, zt = (e) => Q(e).hasBrandIcon, Bt = (e) => {
 	let t = $(Y(e)?.id);
 	return ({ className: e }) => /* @__PURE__ */ X(t, { className: e });
-}, Bt = (e) => {
+}, Vt = (e) => {
 	let t = $(Y(e)?.id);
 	return ({ className: e }) => /* @__PURE__ */ X(t, { className: e });
 };
 //#endregion
-export { Z as TOOLKIT_ICON_MAP, Bt as getToolIconByToolkitName, $ as getToolkitIcon, zt as getToolkitIconByName, Rt as hasToolkitIcon, Q as resolveToolkitIcon };
+export { Z as TOOLKIT_ICON_MAP, Vt as getToolIconByToolkitName, $ as getToolkitIcon, Bt as getToolkitIconByName, zt as hasToolkitIcon, Q as resolveToolkitIcon };

package/dist/metadata/toolkits.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolkits.d.ts","sourceRoot":"","sources":["../../lib/metadata/toolkits.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,UAAU,EAAE,QAAQ,EAWhC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,OAAO,EAyyE7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAOrD,CAAC"}
+{"version":3,"file":"toolkits.d.ts","sourceRoot":"","sources":["../../lib/metadata/toolkits.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,UAAU,EAAE,QAAQ,EAWhC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,OAAO,EAuzE7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAOrD,CAAC"}

package/dist/metadata/toolkits.js

@@ -1394,6 +1394,19 @@ var t = [
 		isComingSoon: !1,
 		isHidden: !1
 	},
+	{
+		id: "MicrosoftUsers",
+		label: "Microsoft Users",
+		isBYOC: !1,
+		isPro: !1,
+		publicIconUrl: `${e}/microsoft.svg`,
+		docsLink: "https://docs.arcade.dev/en/resources/integrations/productivity/microsoft-users",
+		relativeDocsLink: "/en/resources/integrations/productivity/microsoft-users",
+		category: "productivity",
+		type: "arcade",
+		isComingSoon: !1,
+		isHidden: !1
+	},
 	{
 		id: "MicrosoftWord",
 		label: "Microsoft Word",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arcadeai/design-system",
   "private": false,
-  "version": "7.4.0",
+  "version": "7.6.0",
   "type": "module",
   "main": "./dist/main.js",
   "types": "./dist/main.d.ts",