@ydtb/tk-scope-app 0.14.7

package/dist/src/components/NotificationPanel.js

@@ -0,0 +1,146 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import { formatRelativeTime } from "@ydtb/tk-scope-lib/date";
+import { Bell } from "lucide-react";
+import { Popover, PopoverContent, PopoverTrigger } from "@ydtb/tk-scope-ui/components/popover";
+import { useQuery, useMutation, useQueryClient } from "@ydtb/tk-scope-query-client";
+import { queryScopeConfigs, scopeLink } from "@ydtb/tk-scope/client";
+import { createNotificationsClient } from "../lib/tool-api-types.js";
+import { useToolsForScope } from "../contexts/navigation/NavigationRegistryContext.js";
+// Typed with a lightweight interface to avoid coupling to the notifications tool package.
+const notificationsApi = createNotificationsClient();
+/**
+ * Get human-readable label for a scope type from tier registrations.
+ * Falls back to capitalizing the scope type if no tier is found.
+ */
+function getScopeLabel(scopeType) {
+    const configs = queryScopeConfigs();
+    const match = configs.find((c) => c.type === scopeType);
+    if (match?.label)
+        return match.label;
+    return scopeType.charAt(0).toUpperCase() + scopeType.slice(1);
+}
+export function NotificationPanel({ currentScope, currentScopeId }) {
+    const [open, setOpen] = useState(false);
+    const [scopeFilter, setScopeFilter] = useState("all");
+    const queryClient = useQueryClient();
+    const tools = useToolsForScope(currentScope);
+    const hasNotificationsTool = tools.some((tool) => tool.id === "notifications");
+    // Derive available scope filters from registered tier shells
+    const scopeFilters = useMemo(() => {
+        const configs = queryScopeConfigs();
+        const scopes = configs.map((c) => c.type);
+        return ["all", "current", ...scopes];
+    }, []);
+    // Build query input based on scope filter
+    const queryInput = scopeFilter === "current" && currentScope && currentScopeId
+        ? {
+            scope: currentScope,
+            scopeId: currentScopeId,
+            readStatus: "all",
+        }
+        : scopeFilter === "all"
+            ? { readStatus: "all" }
+            : { scope: scopeFilter, readStatus: "all" };
+    const unreadInput = scopeFilter === "current" && currentScope && currentScopeId
+        ? { scope: currentScope, scopeId: currentScopeId }
+        : scopeFilter === "all"
+            ? {}
+            : { scope: scopeFilter };
+    const { data: listData } = useQuery({
+        ...notificationsApi.list.queryOptions({ input: queryInput }),
+        enabled: hasNotificationsTool,
+    });
+    const { data: unreadData } = useQuery({
+        ...notificationsApi.unreadCount.queryOptions({ input: unreadInput }),
+        enabled: hasNotificationsTool,
+        refetchOnWindowFocus: true,
+    });
+    // Also fetch global unread count for badge
+    const { data: globalUnreadData } = useQuery({
+        ...notificationsApi.unreadCount.queryOptions({ input: {} }),
+        enabled: hasNotificationsTool,
+        refetchOnWindowFocus: true,
+    });
+    const markReadMutation = useMutation(notificationsApi.markRead.mutationOptions({
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: notificationsApi.key() });
+        },
+    }));
+    const markAllReadMutation = useMutation(notificationsApi.markAllRead.mutationOptions({
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: notificationsApi.key() });
+        },
+    }));
+    const notificationsList = listData?.data ?? [];
+    const unreadCount = unreadData?.count ?? 0;
+    const globalUnreadCount = globalUnreadData?.count ?? 0;
+    // Group notifications by scope for display
+    const grouped = notificationsList.reduce((acc, notif) => {
+        const key = `${notif.scope}:${notif.scopeId}`;
+        if (!acc[key])
+            acc[key] = [];
+        acc[key].push(notif);
+        return acc;
+    }, {});
+    const handleNotificationClick = (notif) => {
+        if (!notif.read) {
+            markReadMutation.mutate({ id: notif.id });
+        }
+        setOpen(false);
+        if (notif.href) {
+            // hrefs from broadcasts are scope-relative paths (e.g. /integrations/meta).
+            // Compose with the notification's own scope, NOT the panel's currentScope —
+            // a notification at scope X must route to scope X regardless of where the
+            // operator is currently viewing.
+            window.location.href = scopeLink(notif.href, {
+                scope: notif.scope,
+                scopeId: notif.scopeId,
+            });
+        }
+    };
+    const handleMarkAllRead = () => {
+        const markAllInput = scopeFilter === "current" && currentScope && currentScopeId
+            ? { scope: currentScope, scopeId: currentScopeId }
+            : scopeFilter === "all"
+                ? {}
+                : { scope: scopeFilter };
+        markAllReadMutation.mutate(markAllInput);
+    };
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { className: "relative flex items-center justify-center w-9 h-9 rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted transition-colors", children: [_jsx(Bell, { className: "h-[18px] w-[18px]" }), globalUnreadCount > 0 && (_jsx("span", { className: "absolute top-1.5 right-1.5 w-2 h-2 rounded-full bg-rose-500" }))] }) }), _jsxs(PopoverContent, { align: "end", sideOffset: 8, className: "w-[380px] p-0 shadow-xl overflow-hidden", style: {
+                    backgroundColor: "var(--color-card, #ffffff)",
+                    borderColor: "var(--color-border, #e4e4e7)",
+                }, children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-3", children: [_jsx("h3", { className: "text-sm font-semibold", style: { color: "var(--color-foreground, #09090b)" }, children: "Notifications" }), unreadCount > 0 && (_jsx("button", { className: "text-xs font-medium transition-colors hover:opacity-80", style: { color: "var(--color-primary, #6366f1)" }, onClick: handleMarkAllRead, children: "Mark all as read" }))] }), _jsx("div", { className: "flex items-center gap-1 px-4 pb-2", style: { borderBottom: "1px solid var(--color-border, #e4e4e7)" }, children: scopeFilters.map((filter) => {
+                            // Only show "Current" if we have a current scope
+                            if (filter === "current" && (!currentScope || !currentScopeId))
+                                return null;
+                            const isActive = scopeFilter === filter;
+                            const label = filter === "all" ? "All" : filter === "current" ? "Current" : getScopeLabel(filter);
+                            return (_jsx("button", { className: "px-2.5 py-1 rounded-md text-xs font-medium transition-colors", style: {
+                                    backgroundColor: isActive ? "var(--color-primary, #6366f1)" : "transparent",
+                                    color: isActive
+                                        ? "var(--color-primary-foreground, #ffffff)"
+                                        : "var(--color-muted-foreground, #71717a)",
+                                }, onClick: () => setScopeFilter(filter), children: label }, filter));
+                        }) }), _jsx("div", { className: "max-h-[340px] overflow-y-auto", children: notificationsList.length === 0 ? (_jsx("div", { className: "px-4 py-8 text-center text-sm", style: { color: "var(--color-muted-foreground, #71717a)" }, children: "No notifications yet" })) : scopeFilter === "all" ? (
+                        // Grouped view when showing all
+                        Object.entries(grouped).map(([key, items]) => {
+                            const firstItem = items[0];
+                            if (!firstItem)
+                                return null;
+                            return (_jsxs("div", { children: [_jsx("div", { className: "px-4 py-1.5 text-[11px] font-semibold uppercase tracking-wider", style: {
+                                            color: "var(--color-muted-foreground, #71717a)",
+                                            backgroundColor: "var(--color-muted, #f4f4f5)",
+                                        }, children: getScopeLabel(firstItem.scope) }), items.map((notif) => (_jsx(NotificationRow, { notif: notif, onClick: handleNotificationClick }, notif.id)))] }, key));
+                        })) : (
+                        // Flat list when filtering
+                        notificationsList.map((notif) => (_jsx(NotificationRow, { notif: notif, onClick: handleNotificationClick }, notif.id)))) }), _jsx("div", { className: "px-4 py-2.5", style: { borderTop: "1px solid var(--color-border, #e4e4e7)" }, children: _jsx("button", { className: "w-full text-center text-sm font-medium py-1 transition-colors hover:opacity-80", style: { color: "var(--color-foreground, #09090b)" }, children: "View all notifications" }) })] })] }));
+}
+function NotificationRow({ notif, onClick, }) {
+    return (_jsxs("button", { className: "flex items-start gap-3 w-full px-4 py-3.5 text-left transition-colors hover:bg-muted/50", style: {
+            borderBottom: "1px solid var(--color-border, #e4e4e7)",
+        }, onClick: () => onClick(notif), children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "text-sm font-semibold leading-tight", style: { color: "var(--color-foreground, #09090b)" }, children: notif.title }), notif.body && (_jsx("div", { className: "text-xs mt-0.5 leading-snug", style: {
+                            color: "var(--color-muted-foreground, #71717a)",
+                        }, children: notif.body })), _jsx("div", { className: "text-[11px] mt-1", style: { color: "var(--color-primary, #6366f1)" }, children: formatRelativeTime(notif.createdAt) })] }), !notif.read && (_jsx("span", { className: "w-2.5 h-2.5 rounded-full shrink-0 mt-1.5", style: { backgroundColor: "var(--color-primary, #6366f1)" } }))] }));
+}
+//# sourceMappingURL=NotificationPanel.js.map

package/dist/src/components/NotificationPanel.js.map

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

package/dist/src/components/scope/ChildScopeDetailPage.d.ts

@@ -0,0 +1,8 @@
+export interface ChildScopeDetailPageProps {
+    /** The child scope type. */
+    childType: string;
+    /** The child scope entity ID to display */
+    scopeId: string;
+}
+export declare function ChildScopeDetailPage({ childType, scopeId }: ChildScopeDetailPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChildScopeDetailPage.d.ts.map

package/dist/src/components/scope/ChildScopeDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChildScopeDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/components/scope/ChildScopeDetailPage.tsx"],"names":[],"mappings":"AAuDA,MAAM,WAAW,yBAAyB;IACxC,4BAA4B;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,2CAA2C;IAC3C,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,yBAAyB,2CA+KrF"}

package/dist/src/components/scope/ChildScopeDetailPage.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Generic child scope detail page.
+ *
+ * Shows scope info (name, slug, created date) and a members tab
+ * listing members of the child scope. Used automatically by the
+ * plugin runtime for every parent→child scope relationship.
+ */
+import { useMemo } from "react";
+import { useNavigate } from "@tanstack/react-router";
+import { ArrowLeft, Building2, Users, Calendar, ExternalLink } from "lucide-react";
+import { useQuery } from "@ydtb/tk-scope-query-client";
+import { Button } from "@ydtb/tk-scope-ui/components/button";
+import { Skeleton } from "@ydtb/tk-scope-ui/components/skeleton";
+import { DataTable } from "@ydtb/tk-scope-ui/components/data-table";
+import { HeaderPortal } from "@ydtb/tk-scope/client";
+import { useScopeLink } from "@ydtb/tk-scope/client";
+import { useScopeLabel } from "@ydtb/tk-scope/client";
+import { scopeChildrenApi } from "../../lib/platform-api.js";
+import { getInitials } from "@ydtb/tk-scope-lib/string";
+// ─── Helpers ────────────────────────────────────────────────────
+function formatDate(date) {
+    if (!date)
+        return "--";
+    const d = new Date(date);
+    return d.toLocaleDateString(undefined, {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+    });
+}
+export function ChildScopeDetailPage({ childType, scopeId }) {
+    const navigate = useNavigate();
+    const sl = useScopeLink();
+    const childLabel = useScopeLabel(childType);
+    // Fetch detail
+    const { data, isLoading } = useQuery({
+        ...scopeChildrenApi.getById.queryOptions({
+            input: { scopeId },
+        }),
+    });
+    const detail = data;
+    const members = (detail?.members ?? []);
+    // Navigate back to child list
+    const handleBack = () => {
+        navigate({ to: sl(`/${childType}s`) });
+    };
+    // Navigate into the child scope's dashboard
+    const handleOpenScope = () => {
+        navigate({
+            to: sl("/dashboard", { scope: childType, scopeId }),
+        });
+    };
+    // ── Member columns ────────────────────────────────────────────
+    const memberColumns = useMemo(() => [
+        {
+            key: "name",
+            header: "Member",
+            sortable: false,
+            render: (row) => (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex items-center justify-center w-8 h-8 rounded-full shrink-0 text-xs font-bold bg-primary/10 text-primary", children: getInitials(row.name) }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-sm font-medium text-foreground truncate", children: row.name }), _jsx("div", { className: "text-xs text-muted-foreground truncate", children: row.email })] })] })),
+        },
+        {
+            key: "role",
+            header: "Role",
+            sortable: false,
+            render: (row) => (_jsx("span", { className: "text-sm text-muted-foreground capitalize", children: row.role })),
+        },
+        {
+            key: "createdAt",
+            header: "Joined",
+            sortable: false,
+            render: (row) => (_jsx("span", { className: "text-sm text-muted-foreground", children: formatDate(row.createdAt) })),
+        },
+    ], []);
+    const membersEmptyState = (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [_jsx(Users, { className: "h-10 w-10 text-muted-foreground/40 mb-3" }), _jsx("h3", { className: "text-sm font-semibold text-foreground", children: "No members yet" }), _jsxs("p", { className: "text-sm text-muted-foreground mt-1", children: ["This ", childLabel.singular.toLowerCase(), " has no members."] })] }));
+    // ── Render ────────────────────────────────────────────────────
+    return (_jsxs(_Fragment, { children: [_jsx(HeaderPortal, { children: _jsxs("div", { className: "flex items-center gap-3 px-4 sm:px-6 py-4 sm:py-5 border-b border-border", children: [_jsx("button", { onClick: handleBack, className: "flex items-center justify-center w-8 h-8 rounded-md text-muted-foreground hover:text-foreground hover:bg-muted transition-colors", "aria-label": `Back to ${childLabel.plural}`, children: _jsx(ArrowLeft, { className: "h-4 w-4" }) }), _jsx("div", { className: "min-w-0 flex-1", children: isLoading ? (_jsx(Skeleton, { className: "h-5 w-40" })) : (_jsx("h1", { className: "text-lg font-bold text-foreground truncate", children: detail?.name ?? childLabel.singular })) }), _jsxs(Button, { variant: "outline", size: "sm", onClick: handleOpenScope, className: "shrink-0", children: [_jsx(ExternalLink, { className: "h-3.5 w-3.5" }), "Open ", childLabel.singular] })] }) }), _jsxs("div", { className: "p-4 sm:p-6 space-y-6", children: [_jsxs("div", { className: "bg-card rounded-xl border border-border", children: [_jsx("div", { className: "px-5 py-4 border-b border-border", children: _jsxs("h3", { className: "text-sm font-semibold text-foreground", children: [childLabel.singular, " Info"] }) }), _jsx("div", { className: "px-5 py-4", children: isLoading ? (_jsxs("div", { className: "space-y-3", children: [_jsx(Skeleton, { className: "h-4 w-48" }), _jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "h-4 w-40" })] })) : detail ? (_jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-4", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Building2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Name" }), _jsx("div", { className: "text-sm font-medium text-foreground", children: detail.name }), _jsx("div", { className: "text-xs text-muted-foreground", children: detail.slug })] })] }), _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Users, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Members" }), _jsx("div", { className: "text-sm font-medium text-foreground", children: detail.memberCount })] })] }), _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Calendar, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Created" }), _jsx("div", { className: "text-sm font-medium text-foreground", children: formatDate(detail.createdAt) })] })] })] })) : (_jsxs("p", { className: "text-sm text-muted-foreground", children: [childLabel.singular, " not found."] })) })] }), _jsxs("div", { className: "bg-card rounded-xl border border-border", children: [_jsx("div", { className: "px-5 py-4 border-b border-border", children: _jsx("h3", { className: "text-sm font-semibold text-foreground", children: "Members" }) }), _jsx("div", { className: "px-5 py-4", children: _jsx(DataTable, { data: members, columns: memberColumns, getRowId: (row) => row.id, isLoading: isLoading, emptyState: membersEmptyState, noResultsState: membersEmptyState, total: members.length, page: 1, pageSize: 100, onPageChange: () => { } }) })] })] })] }));
+}
+//# sourceMappingURL=ChildScopeDetailPage.js.map

package/dist/src/components/scope/ChildScopeDetailPage.js.map

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

package/dist/src/components/scope/ChildScopeListPage.d.ts

@@ -0,0 +1,6 @@
+export interface ChildScopeListPageProps {
+    /** The child scope type to display. */
+    childType: string;
+}
+export declare function ChildScopeListPage({ childType }: ChildScopeListPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChildScopeListPage.d.ts.map

package/dist/src/components/scope/ChildScopeListPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChildScopeListPage.d.ts","sourceRoot":"","sources":["../../../../src/components/scope/ChildScopeListPage.tsx"],"names":[],"mappings":"AAoDA,MAAM,WAAW,uBAAuB;IACtC,uCAAuC;IACvC,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAiPxE"}

package/dist/src/components/scope/ChildScopeListPage.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Generic child scope list page.
+ *
+ * Renders a DataTable of child scopes (name, member count, created date)
+ * with search and a permission-gated "Create" button.
+ *
+ * Used automatically by the plugin runtime for every parent→child
+ * scope relationship. Can be overridden via `scope:child-list` filter.
+ */
+import { useState, useEffect, useMemo, useCallback } from "react";
+import { useNavigate } from "@tanstack/react-router";
+import { Search, Plus, Building2, Users } from "lucide-react";
+import { useQuery } from "@ydtb/tk-scope-query-client";
+import { Input } from "@ydtb/tk-scope-ui/components/input";
+import { Button } from "@ydtb/tk-scope-ui/components/button";
+import { CreateChildScopeButton } from "./CreateChildScopeButton.js";
+import { Skeleton } from "@ydtb/tk-scope-ui/components/skeleton";
+import { DataTable } from "@ydtb/tk-scope-ui/components/data-table";
+import { HeaderPortal } from "@ydtb/tk-scope/client";
+import { useScopeContext } from "../../contexts/scope/index.js";
+import { useScopeLink } from "@ydtb/tk-scope/client";
+import { useScopeLabel } from "@ydtb/tk-scope/client";
+import { scopeChildrenApi } from "../../lib/platform-api.js";
+import { useChildScopePermissions } from "./useChildScopePermissions.js";
+import { getInitials } from "@ydtb/tk-scope-lib/string";
+// ─── Helpers ────────────────────────────────────────────────────
+function formatDate(date) {
+    if (!date)
+        return "--";
+    const d = new Date(date);
+    return d.toLocaleDateString(undefined, {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+    });
+}
+export function ChildScopeListPage({ childType }) {
+    const navigate = useNavigate();
+    const sl = useScopeLink();
+    const { scopeType } = useScopeContext();
+    const childLabel = useScopeLabel(childType);
+    const parentLabel = useScopeLabel(scopeType ?? "");
+    const { canCreate } = useChildScopePermissions();
+    // Search state
+    const [search, setSearch] = useState("");
+    const [debouncedSearch, setDebouncedSearch] = useState("");
+    const [page, setPage] = useState(1);
+    const PAGE_SIZE = 25;
+    // Debounce search
+    useEffect(() => {
+        const timer = setTimeout(() => {
+            setDebouncedSearch(search);
+            setPage(1);
+        }, 300);
+        return () => clearTimeout(timer);
+    }, [search]);
+    // Fetch child scopes
+    const { data, isLoading } = useQuery({
+        ...scopeChildrenApi.list.queryOptions({
+            input: {
+                search: debouncedSearch || undefined,
+                childType,
+            },
+        }),
+    });
+    const children = (data?.children ?? []);
+    // Navigate to child scope dashboard
+    const handleRowClick = useCallback((row) => {
+        navigate({
+            to: sl("/dashboard", { scope: childType, scopeId: row.id }),
+        });
+    }, [navigate, sl, childType]);
+    // Navigate to create page
+    const handleCreate = useCallback(() => {
+        navigate({ to: sl(`/create/${childType}`) });
+    }, [navigate, sl, childType]);
+    // ── Columns ───────────────────────────────────────────────────
+    const columns = useMemo(() => [
+        {
+            key: "name",
+            header: "Name",
+            sortable: true,
+            render: (row) => (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex items-center justify-center w-8 h-8 rounded-lg shrink-0 text-xs font-bold bg-primary/10 text-primary", children: row.logo ? (_jsx("img", { src: row.logo, alt: row.name, className: "w-8 h-8 rounded-lg object-cover" })) : (getInitials(row.name)) }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-sm font-medium text-foreground truncate", children: row.name }), _jsx("div", { className: "text-xs text-muted-foreground truncate", children: row.slug })] })] })),
+        },
+        {
+            key: "memberCount",
+            header: "Members",
+            sortable: false,
+            render: (row) => (_jsxs("div", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [_jsx(Users, { className: "h-3.5 w-3.5" }), row.memberCount] })),
+        },
+        {
+            key: "createdAt",
+            header: "Created",
+            sortable: true,
+            render: (row) => (_jsx("span", { className: "text-sm text-muted-foreground", children: formatDate(row.createdAt) })),
+        },
+    ], []);
+    // ── Empty states ──────────────────────────────────────────────
+    const emptyState = (_jsxs("div", { className: "flex flex-col items-center justify-center py-20 text-center", children: [_jsx(Building2, { className: "h-12 w-12 text-muted-foreground/40 mb-4" }), _jsxs("h3", { className: "text-sm font-semibold text-foreground", children: ["No ", childLabel.plural.toLowerCase(), " yet"] }), _jsxs("p", { className: "text-sm text-muted-foreground mt-1", children: ["Create your first ", childLabel.singular.toLowerCase(), " to get started."] }), _jsxs("div", { className: "flex items-center gap-4 w-full max-w-xs mt-6 mb-2", children: [_jsx("div", { className: "flex-1 border-t border-border" }), _jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: "or" }), _jsx("div", { className: "flex-1 border-t border-border" })] }), _jsx("div", { className: "w-full max-w-xs mt-2", children: _jsx(CreateChildScopeButton, { onClick: handleCreate, label: `Create New ${childLabel.singular}` }) })] }));
+    const noResultsState = (_jsxs("div", { className: "flex flex-col items-center justify-center py-20 text-center", children: [_jsx(Search, { className: "h-12 w-12 text-muted-foreground/40 mb-4" }), _jsxs("h3", { className: "text-sm font-semibold text-foreground", children: ["No ", childLabel.plural.toLowerCase(), " found"] }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Try a different search term." })] }));
+    // ── Render ────────────────────────────────────────────────────
+    return (_jsxs(_Fragment, { children: [_jsx(HeaderPortal, { children: _jsxs("div", { className: "flex flex-col sm:flex-row items-start sm:items-center justify-between gap-3 sm:gap-4 px-4 sm:px-6 py-4 sm:py-5 border-b border-border", children: [_jsxs("div", { className: "flex items-baseline justify-between w-full sm:w-auto sm:block min-w-0", children: [_jsx("h1", { className: "text-lg font-bold text-foreground", children: childLabel.plural }), _jsxs("p", { className: "text-sm text-muted-foreground sm:mt-0.5", children: ["Manage ", childLabel.plural.toLowerCase(), " in this ", parentLabel.singular.toLowerCase()] })] }), _jsxs("div", { className: "flex items-center gap-2 w-full sm:w-auto shrink-0", children: [_jsxs("div", { className: "relative flex-1 sm:flex-initial", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), _jsx(Input, { type: "search", placeholder: `Search ${childLabel.plural.toLowerCase()}...`, value: search, onChange: (e) => setSearch(e.target.value), className: "h-9 w-full sm:w-56 pl-9 pr-3 text-sm bg-card" })] }), canCreate && (_jsxs(Button, { variant: "default", onClick: handleCreate, className: "shrink-0", children: [_jsx(Plus, { className: "h-4 w-4" }), _jsxs("span", { className: "hidden sm:inline", children: ["Create ", childLabel.singular] }), _jsx("span", { className: "sm:hidden", children: "Create" })] }))] })] }) }), _jsxs("div", { className: "p-4 sm:p-6", children: [_jsx("div", { className: "sm:hidden space-y-2", children: isLoading
+                            ? Array.from({ length: 5 }).map((_, i) => (_jsxs("div", { className: "flex items-center gap-3 rounded-xl border border-border bg-card px-4 py-3", children: [_jsx(Skeleton, { className: "h-9 w-9 rounded-lg shrink-0" }), _jsxs("div", { className: "flex-1 space-y-1.5", children: [_jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "h-3 w-48" })] })] }, i)))
+                            : !debouncedSearch && children.length === 0
+                                ? emptyState
+                                : debouncedSearch && children.length === 0
+                                    ? noResultsState
+                                    : children.map((child) => (_jsxs("div", { className: "flex items-center gap-3 rounded-xl border border-border bg-card px-4 py-3 active:bg-muted/50 transition-colors cursor-pointer", onClick: () => handleRowClick(child), children: [_jsx("div", { className: "flex items-center justify-center w-9 h-9 rounded-lg bg-primary/10 text-primary text-xs font-bold shrink-0", children: child.logo ? (_jsx("img", { src: child.logo, alt: child.name, className: "w-9 h-9 rounded-lg object-cover" })) : (getInitials(child.name)) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-sm font-medium text-foreground truncate", children: child.name }), _jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground mt-0.5", children: [_jsx("span", { className: "truncate", children: child.slug }), _jsx("span", { children: "\u00B7" }), _jsxs("span", { className: "shrink-0 flex items-center gap-1", children: [_jsx(Users, { className: "h-3 w-3" }), child.memberCount] })] })] })] }, child.id))) }), _jsx("div", { className: "hidden sm:block", children: _jsx(DataTable, { data: children, columns: columns, getRowId: (row) => row.id, onRowClick: handleRowClick, isLoading: isLoading, emptyState: !debouncedSearch ? emptyState : noResultsState, noResultsState: noResultsState, total: children.length, page: page, pageSize: PAGE_SIZE, onPageChange: setPage }) })] })] }));
+}
+//# sourceMappingURL=ChildScopeListPage.js.map

package/dist/src/components/scope/ChildScopeListPage.js.map

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

package/dist/src/components/scope/CreateChildScopeButton.d.ts

@@ -0,0 +1,14 @@
+interface CreateChildScopeButtonProps {
+    onClick: () => void;
+    /** Override the label (defaults to "New {childScopeLabel}") */
+    label?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Permission-gated button for creating a child scope.
+ * Returns null if the user lacks scope.children.create permission.
+ */
+export declare function CreateChildScopeButton({ onClick, label, className }: CreateChildScopeButtonProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=CreateChildScopeButton.d.ts.map

package/dist/src/components/scope/CreateChildScopeButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateChildScopeButton.d.ts","sourceRoot":"","sources":["../../../../src/components/scope/CreateChildScopeButton.tsx"],"names":[],"mappings":"AAKA,UAAU,2BAA2B;IACnC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,2BAA2B,kDAiBhG"}

package/dist/src/components/scope/CreateChildScopeButton.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Plus } from "lucide-react";
+import { useChildScopePermissions } from "./useChildScopePermissions.js";
+import { useChildScopeLabel } from "@ydtb/tk-scope/client";
+import { useScopeContext } from "../../contexts/scope/ScopeContext.js";
+/**
+ * Permission-gated button for creating a child scope.
+ * Returns null if the user lacks scope.children.create permission.
+ */
+export function CreateChildScopeButton({ onClick, label, className }) {
+    const { canCreate } = useChildScopePermissions();
+    const { scopeType } = useScopeContext();
+    const childLabel = useChildScopeLabel(scopeType ?? "");
+    if (!canCreate)
+        return null;
+    return (_jsxs("button", { type: "button", onClick: onClick, className: `w-full flex items-center justify-center gap-2 rounded-lg h-9 text-sm font-semibold transition-colors bg-primary text-primary-foreground hover:bg-primary/90 ${className ?? ""}`, children: [_jsx(Plus, { className: "h-4 w-4" }), label ?? `New ${childLabel?.singular ?? "Scope"}`] }));
+}
+//# sourceMappingURL=CreateChildScopeButton.js.map

package/dist/src/components/scope/CreateChildScopeButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateChildScopeButton.js","sourceRoot":"","sources":["../../../../src/components/scope/CreateChildScopeButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAuC,CAAA;AAUvE;;;GAGG;AACH,MAAM,UAAU,sBAAsB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAA+B;IAC/F,MAAM,EAAE,SAAS,EAAE,GAAG,wBAAwB,EAAE,CAAA;IAChD,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IACvC,MAAM,UAAU,GAAG,kBAAkB,CAAC,SAAS,IAAI,EAAE,CAAC,CAAA;IAEtD,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAA;IAE3B,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,+JAA+J,SAAS,IAAI,EAAE,EAAE,aAE3L,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAG,EAC3B,KAAK,IAAI,OAAO,UAAU,EAAE,QAAQ,IAAI,OAAO,EAAE,IAC3C,CACV,CAAA;AACH,CAAC"}

package/dist/src/components/scope/CreateScopeDialog.d.ts

@@ -0,0 +1,9 @@
+interface CreateScopeDialogProps {
+    scopeType: string;
+    parentScopeId?: string;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+export declare function CreateScopeDialog({ scopeType, parentScopeId, open, onOpenChange, }: CreateScopeDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CreateScopeDialog.d.ts.map

package/dist/src/components/scope/CreateScopeDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateScopeDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/scope/CreateScopeDialog.tsx"],"names":[],"mappings":"AAmBA,UAAU,sBAAsB;IAC9B,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,aAAa,EACb,IAAI,EACJ,YAAY,GACb,EAAE,sBAAsB,2CA6OxB"}