@stratum-hq/react 0.1.0

package/dist/components/Skeleton.stories.js

@@ -0,0 +1,125 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from "./Skeleton.js";
+import { TableSkeleton } from "./TableSkeleton.js";
+const meta = {
+    title: "Components/Skeleton",
+    component: Skeleton,
+    parameters: {
+        docs: {
+            description: {
+                component: "Placeholder loading skeleton used while data is being fetched. " +
+                    "Supports text, rectangle, and circle variants with customizable " +
+                    "dimensions and count. Used internally by TableSkeleton.",
+            },
+        },
+    },
+};
+export default meta;
+/**
+ * Text variant — default skeleton for loading text lines.
+ * Full width, 13px height matching the base font size.
+ */
+export const Text = {
+    args: {
+        variant: "text",
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: { padding: "24px", maxWidth: 400 }, children: _jsx(Story, {}) })),
+    ],
+};
+/**
+ * Multiple text lines simulating a paragraph or list loading state.
+ */
+export const TextMultipleLines = {
+    args: {
+        variant: "text",
+        count: 4,
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: { padding: "24px", maxWidth: 400 }, children: _jsx(Story, {}) })),
+    ],
+};
+/**
+ * Rectangle variant — for cards, images, or block-level placeholders.
+ */
+export const Rect = {
+    args: {
+        variant: "rect",
+        width: "300px",
+        height: "120px",
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: { padding: "24px" }, children: _jsx(Story, {}) })),
+    ],
+};
+/**
+ * Circle variant — for avatar or icon placeholders.
+ */
+export const Circle = {
+    args: {
+        variant: "circle",
+        width: "48px",
+        height: "48px",
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: { padding: "24px" }, children: _jsx(Story, {}) })),
+    ],
+};
+/**
+ * Composite layout: avatar circle next to text lines,
+ * simulating a tenant detail card loading state.
+ */
+export const CompositeLayout = {
+    render: () => (_jsxs("div", { style: { padding: "24px", maxWidth: 400 }, children: [_jsxs("div", { style: { display: "flex", gap: "12px", alignItems: "flex-start" }, children: [_jsx(Skeleton, { variant: "circle", width: "40px", height: "40px" }), _jsxs("div", { style: { flex: 1 }, children: [_jsx(Skeleton, { variant: "text", width: "60%" }), _jsx("div", { style: { height: "8px" } }), _jsx(Skeleton, { variant: "text", width: "40%" })] })] }), _jsx("div", { style: { marginTop: "16px" }, children: _jsx(Skeleton, { variant: "rect", height: "80px" }) })] })),
+};
+/**
+ * Custom sizing with small dimensions for inline placeholders.
+ */
+export const CustomSizing = {
+    args: {
+        variant: "text",
+        width: "120px",
+        height: "10px",
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: { padding: "24px" }, children: _jsx(Story, {}) })),
+    ],
+};
+// ---------------------------------------------------------------------------
+// TableSkeleton stories
+// ---------------------------------------------------------------------------
+const tableMeta = {
+    title: "Components/TableSkeleton",
+    component: TableSkeleton,
+    parameters: {
+        docs: {
+            description: {
+                component: "Table placeholder shown while config or permission data is loading. " +
+                    "Uses Skeleton components in a table layout with configurable row and column counts.",
+            },
+        },
+    },
+};
+// We export the table stories under a second meta via a named story export
+// pattern. Storybook CSF only supports one default export per file, so
+// TableSkeleton stories are included here as additional stories.
+/**
+ * Default TableSkeleton with 5 rows and 4 columns, matching the
+ * ConfigEditor table layout.
+ */
+export const TableDefault = {
+    render: () => (_jsx("div", { style: { padding: "24px", maxWidth: 900 }, children: _jsx(TableSkeleton, { rows: 5, columns: 4 }) })),
+};
+/**
+ * Config-style table skeleton with 5 columns (Key, Value, Source, Status, Actions).
+ */
+export const TableConfigLayout = {
+    render: () => (_jsx("div", { style: { padding: "24px", maxWidth: 900 }, children: _jsx(TableSkeleton, { rows: 7, columns: 5 }) })),
+};
+/**
+ * Minimal skeleton — 2 rows, 2 columns.
+ */
+export const TableMinimal = {
+    render: () => (_jsx("div", { style: { padding: "24px", maxWidth: 400 }, children: _jsx(TableSkeleton, { rows: 2, columns: 2 }) })),
+};
+//# sourceMappingURL=Skeleton.stories.js.map

package/dist/components/Skeleton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.stories.js","sourceRoot":"","sources":["../../src/components/Skeleton.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/TableSkeleton.d.ts

@@ -0,0 +1,10 @@
+export interface TableSkeletonProps {
+    /** Number of placeholder rows */
+    rows?: number;
+    /** Number of columns */
+    columns?: number;
+    /** Additional CSS class name */
+    className?: string;
+}
+export declare function TableSkeleton({ rows, columns, className, }: TableSkeletonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TableSkeleton.d.ts.map

package/dist/components/TableSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSkeleton.d.ts","sourceRoot":"","sources":["../../src/components/TableSkeleton.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,kBAAkB;IACjC,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAQ,EACR,OAAW,EACX,SAAS,GACV,EAAE,kBAAkB,2CA8BpB"}

package/dist/components/TableSkeleton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from "./Skeleton.js";
+export function TableSkeleton({ rows = 5, columns = 4, className, }) {
+    return (_jsx("div", { className: `stratum-table-skeleton ${className || ""}`, role: "status", "aria-label": "Loading table data", "aria-busy": "true", children: _jsxs("table", { className: "stratum-table-skeleton__table", children: [_jsx("thead", { children: _jsx("tr", { children: Array.from({ length: columns }, (_, colIndex) => (_jsx("th", { children: _jsx(Skeleton, { variant: "text", width: "60%", height: "0.75rem" }) }, colIndex))) }) }), _jsx("tbody", { children: Array.from({ length: rows }, (_, rowIndex) => (_jsx("tr", { children: Array.from({ length: columns }, (_, colIndex) => (_jsx("td", { children: _jsx(Skeleton, { variant: "text", width: colIndex === 0 ? "70%" : colIndex === columns - 1 ? "40%" : "55%" }) }, colIndex))) }, rowIndex))) })] }) }));
+}
+//# sourceMappingURL=TableSkeleton.js.map

package/dist/components/TableSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSkeleton.js","sourceRoot":"","sources":["../../src/components/TableSkeleton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAWzC,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,GAAG,CAAC,EACR,OAAO,GAAG,CAAC,EACX,SAAS,GACU;IACnB,OAAO,CACL,cAAK,SAAS,EAAE,0BAA0B,SAAS,IAAI,EAAE,EAAE,EAAE,IAAI,EAAC,QAAQ,gBAAY,oBAAoB,eAAW,MAAM,YACzH,iBAAO,SAAS,EAAC,+BAA+B,aAC9C,0BACE,uBACG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAC,CAChD,uBACE,KAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,SAAS,GAAG,IADjD,QAAQ,CAEZ,CACN,CAAC,GACC,GACC,EACR,0BACG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAC,CAC7C,uBACG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAC,CAChD,uBACE,KAAC,QAAQ,IACP,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,KAAK,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GACxE,IAJK,QAAQ,CAKZ,CACN,CAAC,IARK,QAAQ,CASZ,CACN,CAAC,GACI,IACF,GACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/components/TenantSwitcher.d.ts

@@ -0,0 +1,7 @@
+export interface TenantSwitcherProps {
+    rootId?: string;
+    onTenantChange?: (tenantId: string) => void;
+    className?: string;
+}
+export declare function TenantSwitcher({ rootId, onTenantChange, className }: TenantSwitcherProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TenantSwitcher.d.ts.map

package/dist/components/TenantSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TenantSwitcher.d.ts","sourceRoot":"","sources":["../../src/components/TenantSwitcher.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CAkFxF"}

package/dist/components/TenantSwitcher.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import { useTenantTree } from "../hooks/use-tenant-tree.js";
+import { useTenant } from "../hooks/use-tenant.js";
+import { useMessages } from "../hooks/use-messages.js";
+export function TenantSwitcher({ rootId, onTenantChange, className }) {
+    const { tree, loading } = useTenantTree(rootId);
+    const { tenant, switchTenant } = useTenant();
+    const { t } = useMessages();
+    const [isOpen, setIsOpen] = useState(false);
+    const [search, setSearch] = useState("");
+    const flattenTree = useMemo(() => {
+        const result = [];
+        function walk(nodes, depth) {
+            for (const node of nodes) {
+                result.push({ node, depth });
+                walk(node.children, depth + 1);
+            }
+        }
+        walk(tree, 0);
+        return result;
+    }, [tree]);
+    const filtered = useMemo(() => {
+        if (!search)
+            return flattenTree;
+        const lower = search.toLowerCase();
+        return flattenTree.filter(({ node }) => node.name.toLowerCase().includes(lower) ||
+            node.slug.toLowerCase().includes(lower));
+    }, [flattenTree, search]);
+    const handleSelect = async (tenantId) => {
+        await switchTenant(tenantId);
+        onTenantChange?.(tenantId);
+        setIsOpen(false);
+        setSearch("");
+    };
+    if (loading)
+        return _jsx("div", { className: className, children: t("tenantSwitcher.loading") });
+    return (_jsxs("div", { className: `stratum-tenant-switcher ${className || ""}`, children: [_jsxs("button", { type: "button", onClick: () => setIsOpen(!isOpen), className: "stratum-tenant-switcher__trigger", "aria-haspopup": "listbox", "aria-expanded": isOpen, children: [tenant ? tenant.name : t("tenantSwitcher.placeholder"), _jsx("span", { "aria-hidden": "true", children: " \u25BE" })] }), isOpen && (_jsxs("div", { className: "stratum-tenant-switcher__dropdown", role: "listbox", children: [_jsx("input", { type: "text", value: search, onChange: (e) => setSearch(e.target.value), placeholder: t("tenantSwitcher.searchPlaceholder"), className: "stratum-tenant-switcher__search", "aria-label": t("tenantSwitcher.searchLabel") }), _jsx("ul", { className: "stratum-tenant-switcher__list", children: filtered.map(({ node, depth }) => (_jsxs("li", { role: "option", "aria-selected": tenant?.id === node.id, className: `stratum-tenant-switcher__item ${tenant?.id === node.id ? "stratum-tenant-switcher__item--active" : ""}`, style: { paddingInlineStart: `calc(${depth} * var(--space-lg) + var(--space-sm))` }, onClick: () => handleSelect(node.id), onKeyDown: (e) => e.key === "Enter" && handleSelect(node.id), tabIndex: 0, children: [node.name, _jsxs("span", { className: "stratum-tenant-switcher__slug", children: [" (", node.slug, ")"] })] }, node.id))) })] }))] }));
+}
+//# sourceMappingURL=TenantSwitcher.js.map

package/dist/components/TenantSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TenantSwitcher.js","sourceRoot":"","sources":["../../src/components/TenantSwitcher.tsx"],"names":[],"mappings":"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"}

package/dist/components/TenantSwitcher.stories.d.ts

@@ -0,0 +1,30 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { TenantSwitcher } from "./TenantSwitcher.js";
+declare const meta: Meta<typeof TenantSwitcher>;
+export default meta;
+type Story = StoryObj<typeof TenantSwitcher>;
+/**
+ * Default state with a realistic MSSP/MSP/client hierarchy.
+ * Click the trigger to open the dropdown and browse the tenant tree.
+ */
+export declare const Default: Story;
+/**
+ * Loading state shown while tenant list is being fetched.
+ */
+export declare const Loading: Story;
+/**
+ * Empty state when no tenants exist yet.
+ * The dropdown opens but shows an empty list.
+ */
+export declare const Empty: Story;
+/**
+ * Stress test with 25+ tenants to verify scrolling, search filtering,
+ * and performance with a large tenant list.
+ */
+export declare const ManyTenants: Story;
+/**
+ * With a pre-selected tenant. The trigger shows "CyberShield MSP"
+ * and the dropdown highlights it as the active selection.
+ */
+export declare const WithSelectedTenant: Story;
+//# sourceMappingURL=TenantSwitcher.stories.d.ts.map

package/dist/components/TenantSwitcher.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TenantSwitcher.stories.d.ts","sourceRoot":"","sources":["../../src/components/TenantSwitcher.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAOrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAiCrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAWnB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAahC,CAAC"}

package/dist/components/TenantSwitcher.stories.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TenantSwitcher } from "./TenantSwitcher.js";
+import { MockStratumProvider, mockTenants, generateManyTenants, } from "./storybook-helpers.js";
+const meta = {
+    title: "Components/TenantSwitcher",
+    component: TenantSwitcher,
+    parameters: {
+        docs: {
+            description: {
+                component: "Dropdown for switching between tenants in a hierarchical tree. " +
+                    "Shows tenant names indented by depth with a search filter. " +
+                    "Connects to the Stratum API via StratumProvider context.",
+            },
+        },
+    },
+    decorators: [
+        (Story, context) => {
+            const { tenants = mockTenants, initialTenantId, loading = false, } = context.args ?? {};
+            return (_jsx(MockStratumProvider, { tenants: tenants, initialTenantId: initialTenantId, loading: loading, children: _jsx("div", { style: { padding: "24px", maxWidth: 400 }, children: _jsx(Story, {}) }) }));
+        },
+    ],
+};
+export default meta;
+/**
+ * Default state with a realistic MSSP/MSP/client hierarchy.
+ * Click the trigger to open the dropdown and browse the tenant tree.
+ */
+export const Default = {
+    args: {
+        onTenantChange: (id) => console.log("Switched to:", id),
+    },
+};
+/**
+ * Loading state shown while tenant list is being fetched.
+ */
+export const Loading = {
+    args: {},
+    decorators: [
+        (Story) => (_jsx(MockStratumProvider, { loading: true, children: _jsx("div", { style: { padding: "24px", maxWidth: 400 }, children: _jsx(Story, {}) }) })),
+    ],
+};
+/**
+ * Empty state when no tenants exist yet.
+ * The dropdown opens but shows an empty list.
+ */
+export const Empty = {
+    args: {},
+    decorators: [
+        (Story) => (_jsx(MockStratumProvider, { tenants: [], children: _jsx("div", { style: { padding: "24px", maxWidth: 400 }, children: _jsx(Story, {}) }) })),
+    ],
+};
+/**
+ * Stress test with 25+ tenants to verify scrolling, search filtering,
+ * and performance with a large tenant list.
+ */
+export const ManyTenants = {
+    args: {
+        onTenantChange: (id) => console.log("Switched to:", id),
+    },
+    decorators: [
+        (Story) => (_jsx(MockStratumProvider, { tenants: generateManyTenants(25), children: _jsx("div", { style: { padding: "24px", maxWidth: 400 }, children: _jsx(Story, {}) }) })),
+    ],
+};
+/**
+ * With a pre-selected tenant. The trigger shows "CyberShield MSP"
+ * and the dropdown highlights it as the active selection.
+ */
+export const WithSelectedTenant = {
+    args: {
+        onTenantChange: (id) => console.log("Switched to:", id),
+    },
+    decorators: [
+        (Story) => (_jsx(MockStratumProvider, { initialTenantId: "00000000-0000-0000-0000-000000000003", children: _jsx("div", { style: { padding: "24px", maxWidth: 400 }, children: _jsx(Story, {}) }) })),
+    ],
+};
+//# sourceMappingURL=TenantSwitcher.stories.js.map

package/dist/components/TenantSwitcher.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TenantSwitcher.stories.js","sourceRoot":"","sources":["../../src/components/TenantSwitcher.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/TenantTree.d.ts

@@ -0,0 +1,7 @@
+export interface TenantTreeProps {
+    rootId?: string;
+    onSelect?: (tenantId: string) => void;
+    className?: string;
+}
+export declare function TenantTree({ rootId, onSelect, className }: TenantTreeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TenantTree.d.ts.map

package/dist/components/TenantTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TenantTree.d.ts","sourceRoot":"","sources":["../../src/components/TenantTree.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,2CAyB1E"}

package/dist/components/TenantTree.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTenantTree } from "../hooks/use-tenant-tree.js";
+import { useTenant } from "../hooks/use-tenant.js";
+import { useMessages } from "../hooks/use-messages.js";
+function TreeNode({ node, selectedId, onSelect, onToggle, depth, t, }) {
+    const hasChildren = node.children.length > 0;
+    return (_jsxs("li", { role: "treeitem", "aria-expanded": hasChildren ? node.expanded : undefined, children: [_jsxs("div", { className: `stratum-tree__node ${selectedId === node.id ? "stratum-tree__node--selected" : ""}`, style: { paddingInlineStart: `calc(${depth} * var(--space-xl) + var(--space-sm))` }, children: [hasChildren ? (_jsx("button", { type: "button", className: "stratum-tree__toggle", onClick: () => onToggle(node.id), "aria-label": node.expanded ? t("tenantTree.collapse") : t("tenantTree.expand"), children: node.expanded ? "\u25BC" : "\u25B6" })) : (_jsx("span", { className: "stratum-tree__spacer", children: "  " })), _jsx("span", { className: "stratum-tree__label", onClick: () => onSelect?.(node.id), onKeyDown: (e) => e.key === "Enter" && onSelect?.(node.id), tabIndex: 0, role: "button", children: node.name }), _jsx("span", { className: "stratum-tree__badge", children: t("tenantTree.badgeRls") }), _jsx("span", { className: "stratum-tree__meta", children: node.status === "archived" ? t("tenantTree.archived") : "" })] }), hasChildren && node.expanded && (_jsx("ul", { role: "group", children: node.children.map((child) => (_jsx(TreeNode, { node: child, selectedId: selectedId, onSelect: onSelect, onToggle: onToggle, depth: depth + 1, t: t }, child.id))) }))] }));
+}
+export function TenantTree({ rootId, onSelect, className }) {
+    const { tree, loading, error, toggleExpand } = useTenantTree(rootId);
+    const { tenant } = useTenant();
+    const { t } = useMessages();
+    if (loading)
+        return _jsx("div", { className: className, children: t("tenantTree.loading") });
+    if (error)
+        return _jsx("div", { className: className, children: t("tenantTree.error", { message: error.message }) });
+    return (_jsx("div", { className: `stratum-tree ${className || ""}`, children: _jsx("ul", { role: "tree", className: "stratum-tree__root", children: tree.map((node) => (_jsx(TreeNode, { node: node, selectedId: tenant?.id, onSelect: onSelect, onToggle: toggleExpand, depth: 0, t: t }, node.id))) }) }));
+}
+//# sourceMappingURL=TenantTree.js.map

package/dist/components/TenantTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TenantTree.js","sourceRoot":"","sources":["../../src/components/TenantTree.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAuB,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AASvD,SAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,CAAC,GAQF;IACC,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IAE7C,OAAO,CACL,cAAI,IAAI,EAAC,UAAU,mBAAgB,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,aACxE,eACE,SAAS,EAAE,sBAAsB,UAAU,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,EAAE,EAC/F,KAAK,EAAE,EAAE,kBAAkB,EAAE,QAAQ,KAAK,uCAAuC,EAAE,aAElF,WAAW,CAAC,CAAC,CAAC,CACb,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,gBACpB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,YAE5E,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAC7B,CACV,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,sBAAsB,mBAAU,CACjD,EACD,eACE,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAClC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAC1D,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,YAEZ,IAAI,CAAC,IAAI,GACL,EACP,eAAM,SAAS,EAAC,qBAAqB,YAAE,CAAC,CAAC,qBAAqB,CAAC,GAAQ,EACvE,eAAM,SAAS,EAAC,oBAAoB,YACjC,IAAI,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,EAAE,GACtD,IACH,EACL,WAAW,IAAI,IAAI,CAAC,QAAQ,IAAI,CAC/B,aAAI,IAAI,EAAC,OAAO,YACb,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5B,KAAC,QAAQ,IAEP,IAAI,EAAE,KAAK,EACX,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,GAAG,CAAC,EAChB,CAAC,EAAE,CAAC,IANC,KAAK,CAAC,EAAE,CAOb,CACH,CAAC,GACC,CACN,IACE,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAmB;IACzE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACrE,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/B,MAAM,EAAE,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAE5B,IAAI,OAAO;QAAE,OAAO,cAAK,SAAS,EAAE,SAAS,YAAG,CAAC,CAAC,oBAAoB,CAAC,GAAO,CAAC;IAC/E,IAAI,KAAK;QAAE,OAAO,cAAK,SAAS,EAAE,SAAS,YAAG,CAAC,CAAC,kBAAkB,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAO,CAAC;IAEvG,OAAO,CACL,cAAK,SAAS,EAAE,gBAAgB,SAAS,IAAI,EAAE,EAAE,YAC/C,aAAI,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,oBAAoB,YAC3C,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,KAAC,QAAQ,IAEP,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,MAAM,EAAE,EAAE,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,CAAC,EACR,CAAC,EAAE,CAAC,IANC,IAAI,CAAC,EAAE,CAOZ,CACH,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC"}

package/dist/components/TenantTree.stories.d.ts

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { TenantTree } from "./TenantTree.js";
+declare const meta: Meta<typeof TenantTree>;
+export default meta;
+type Story = StoryObj<typeof TenantTree>;
+/**
+ * Default 3-level hierarchy: Acme Corp -> MSSP/Direct channels ->
+ * MSPs and clients. Expand nodes to browse the tree.
+ */
+export declare const Default: Story;
+/**
+ * Loading state while the tenant tree is being fetched from the API.
+ */
+export declare const Loading: Story;
+/**
+ * Empty state when no tenants exist in the hierarchy.
+ */
+export declare const Empty: Story;
+/**
+ * Deep 5-level hierarchy: Global Platform -> Region -> MSSP -> MSP -> Client.
+ * Tests indentation and readability at deep nesting levels.
+ */
+export declare const DeepHierarchy: Story;
+/**
+ * Single root node with no children. Minimal tree display.
+ */
+export declare const SingleRootNode: Story;
+//# sourceMappingURL=TenantTree.stories.d.ts.map

package/dist/components/TenantTree.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TenantTree.stories.d.ts","sourceRoot":"","sources":["../../src/components/TenantTree.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAQ7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAsBjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAWnB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAa5B,CAAC"}

package/dist/components/TenantTree.stories.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TenantTree } from "./TenantTree.js";
+import { MockStratumProvider, deepHierarchyTenants, singleRootTenant, } from "./storybook-helpers.js";
+const meta = {
+    title: "Components/TenantTree",
+    component: TenantTree,
+    parameters: {
+        docs: {
+            description: {
+                component: "Interactive tree view of the tenant hierarchy. " +
+                    "Nodes can be expanded/collapsed to reveal children. " +
+                    "Displays RLS badges and archived status indicators.",
+            },
+        },
+    },
+    decorators: [
+        (Story) => (_jsx(MockStratumProvider, { children: _jsx("div", { style: { padding: "24px", maxWidth: 500 }, children: _jsx(Story, {}) }) })),
+    ],
+};
+export default meta;
+/**
+ * Default 3-level hierarchy: Acme Corp -> MSSP/Direct channels ->
+ * MSPs and clients. Expand nodes to browse the tree.
+ */
+export const Default = {
+    args: {
+        onSelect: (id) => console.log("Selected tenant:", id),
+    },
+};
+/**
+ * Loading state while the tenant tree is being fetched from the API.
+ */
+export const Loading = {
+    args: {},
+    decorators: [
+        (Story) => (_jsx(MockStratumProvider, { loading: true, children: _jsx("div", { style: { padding: "24px", maxWidth: 500 }, children: _jsx(Story, {}) }) })),
+    ],
+};
+/**
+ * Empty state when no tenants exist in the hierarchy.
+ */
+export const Empty = {
+    args: {},
+    decorators: [
+        (Story) => (_jsx(MockStratumProvider, { tenants: [], children: _jsx("div", { style: { padding: "24px", maxWidth: 500 }, children: _jsx(Story, {}) }) })),
+    ],
+};
+/**
+ * Deep 5-level hierarchy: Global Platform -> Region -> MSSP -> MSP -> Client.
+ * Tests indentation and readability at deep nesting levels.
+ */
+export const DeepHierarchy = {
+    args: {
+        onSelect: (id) => console.log("Selected tenant:", id),
+    },
+    decorators: [
+        (Story) => (_jsx(MockStratumProvider, { tenants: deepHierarchyTenants, children: _jsx("div", { style: { padding: "24px", maxWidth: 500 }, children: _jsx(Story, {}) }) })),
+    ],
+};
+/**
+ * Single root node with no children. Minimal tree display.
+ */
+export const SingleRootNode = {
+    args: {
+        onSelect: (id) => console.log("Selected tenant:", id),
+    },
+    decorators: [
+        (Story) => (_jsx(MockStratumProvider, { tenants: singleRootTenant, children: _jsx("div", { style: { padding: "24px", maxWidth: 500 }, children: _jsx(Story, {}) }) })),
+    ],
+};
+//# sourceMappingURL=TenantTree.stories.js.map

package/dist/components/TenantTree.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TenantTree.stories.js","sourceRoot":"","sources":["../../src/components/TenantTree.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EACL,mBAAmB,EAEnB,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EACP,iDAAiD;oBACjD,sDAAsD;oBACtD,qDAAqD;aACxD;SACF;KACF;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,KAAC,mBAAmB,cAClB,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,YAC5C,KAAC,KAAK,KAAG,GACL,GACc,CACvB;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,EAAE,CAAC;KAC9D;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,KAAC,mBAAmB,IAAC,OAAO,EAAE,IAAI,YAChC,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,YAC5C,KAAC,KAAK,KAAG,GACL,GACc,CACvB;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,KAAC,mBAAmB,IAAC,OAAO,EAAE,EAAE,YAC9B,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,YAC5C,KAAC,KAAK,KAAG,GACL,GACc,CACvB;KACF;CACF,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,EAAE,CAAC;KAC9D;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,KAAC,mBAAmB,IAAC,OAAO,EAAE,oBAAoB,YAChD,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,YAC5C,KAAC,KAAK,KAAG,GACL,GACc,CACvB;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,EAAE,CAAC;KAC9D;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,KAAC,mBAAmB,IAAC,OAAO,EAAE,gBAAgB,YAC5C,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,YAC5C,KAAC,KAAK,KAAG,GACL,GACc,CACvB;KACF;CACF,CAAC"}

package/dist/components/Toast.d.ts

@@ -0,0 +1,18 @@
+export type ToastType = "success" | "error" | "warning" | "info";
+export interface ToastData {
+    id: string;
+    message: string;
+    type: ToastType;
+}
+export interface ToastProps {
+    /** Toast message text */
+    message: string;
+    /** Semantic type controlling color and behavior */
+    type: ToastType;
+    /** Called when toast should be removed */
+    onDismiss: () => void;
+    /** Auto-dismiss delay in ms. Set to 0 to disable. Error toasts never auto-dismiss. Default: 4000 */
+    autoDismiss?: number;
+}
+export declare function Toast({ message, type, onDismiss, autoDismiss, }: ToastProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Toast.d.ts.map

package/dist/components/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEjE,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACzB,yBAAyB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,IAAI,EAAE,SAAS,CAAC;IAChB,0CAA0C;IAC1C,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,oGAAoG;IACpG,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AASD,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,IAAI,EACJ,SAAS,EACT,WAAkB,GACnB,EAAE,UAAU,2CA8BZ"}

package/dist/components/Toast.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useCallback } from "react";
+const TYPE_CLASSES = {
+    success: "stratum-toast--success",
+    error: "stratum-toast--error",
+    warning: "stratum-toast--warning",
+    info: "stratum-toast--info",
+};
+export function Toast({ message, type, onDismiss, autoDismiss = 4000, }) {
+    const handleDismiss = useCallback(() => {
+        onDismiss();
+    }, [onDismiss]);
+    useEffect(() => {
+        // Error toasts never auto-dismiss
+        if (type === "error" || autoDismiss === 0)
+            return;
+        const timer = setTimeout(handleDismiss, autoDismiss);
+        return () => clearTimeout(timer);
+    }, [type, autoDismiss, handleDismiss]);
+    return (_jsxs("div", { className: `stratum-toast ${TYPE_CLASSES[type]}`, role: "alert", "aria-live": "polite", children: [_jsx("span", { className: "stratum-toast__message", children: message }), _jsx("button", { type: "button", className: "stratum-toast__dismiss", onClick: handleDismiss, "aria-label": "Dismiss notification", children: "\u00D7" })] }));
+}
+//# sourceMappingURL=Toast.js.map

package/dist/components/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAqBtD,MAAM,YAAY,GAA8B;IAC9C,OAAO,EAAE,wBAAwB;IACjC,KAAK,EAAE,sBAAsB;IAC7B,OAAO,EAAE,wBAAwB;IACjC,IAAI,EAAE,qBAAqB;CAC5B,CAAC;AAEF,MAAM,UAAU,KAAK,CAAC,EACpB,OAAO,EACP,IAAI,EACJ,SAAS,EACT,WAAW,GAAG,IAAI,GACP;IACX,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,SAAS,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,SAAS,CAAC,GAAG,EAAE;QACb,kCAAkC;QAClC,IAAI,IAAI,KAAK,OAAO,IAAI,WAAW,KAAK,CAAC;YAAE,OAAO;QAElD,MAAM,KAAK,GAAG,UAAU,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;QACrD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,YAAY,CAAC,IAAI,CAAC,EAAE,EAChD,IAAI,EAAC,OAAO,eACF,QAAQ,aAElB,eAAM,SAAS,EAAC,wBAAwB,YAAE,OAAO,GAAQ,EACzD,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,aAAa,gBACX,sBAAsB,uBAG1B,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Toast.stories.d.ts

@@ -0,0 +1,36 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Toast } from "./Toast.js";
+declare const meta: Meta<typeof Toast>;
+export default meta;
+type Story = StoryObj<typeof Toast>;
+/**
+ * Success toast — used after saving config, creating a tenant, etc.
+ * Auto-dismisses after 4 seconds.
+ */
+export declare const Success: Story;
+/**
+ * Error toast — used for API failures, permission errors, etc.
+ * Does not auto-dismiss; requires manual close.
+ */
+export declare const Error: Story;
+/**
+ * Warning toast — used for non-critical issues like approaching
+ * rate limits or deprecated config keys.
+ */
+export declare const Warning: Story;
+/**
+ * Info toast — used for general notifications like tenant context
+ * switches or background operations completing.
+ */
+export declare const Info: Story;
+/**
+ * All four toast variants displayed together, matching the top-right
+ * stacked layout from the ToastContainer.
+ */
+export declare const AllVariants: Story;
+/**
+ * Interactive ToastContainer demo. Click buttons to trigger different
+ * toast types and see the stacking behavior (max 3 visible).
+ */
+export declare const InteractiveContainer: Story;
+//# sourceMappingURL=Toast.stories.d.ts.map

package/dist/components/Toast.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../src/components/Toast.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAInC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAc5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAanB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI,EAAE,KAclB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KA4BzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAsDlC,CAAC"}