@stigmer/react 0.4.7 → 0.5.0

package/resource-detail/ResourceActionBar.d.ts

@@ -0,0 +1,42 @@
+import type { DetailAction } from "./types";
+export interface ResourceActionBarProps {
+    /**
+     * Primary action rendered as a visible button.
+     * Use for the most common action on this resource (e.g. "Edit").
+     */
+    readonly primaryAction?: DetailAction;
+    /**
+     * Secondary and tertiary actions rendered in the overflow (kebab) menu.
+     * Actions with the same `group` are visually grouped with separators.
+     */
+    readonly actions?: readonly DetailAction[];
+    /** Additional CSS classes for the root container. */
+    readonly className?: string;
+}
+/**
+ * Horizontal action bar for resource detail page headers.
+ *
+ * Renders an optional primary action as a visible button and any
+ * remaining actions in a kebab overflow menu (using the SDK's
+ * {@link ActionMenu} compound component).
+ *
+ * When there are no actions at all, renders nothing.
+ *
+ * @example
+ * ```tsx
+ * <ResourceActionBar
+ *   primaryAction={{
+ *     id: "edit",
+ *     label: "Edit",
+ *     icon: <PencilIcon />,
+ *     onAction: () => router.push(editUrl),
+ *   }}
+ *   actions={[
+ *     { id: "copy-id", label: "Copy ID", onAction: () => copyId(id) },
+ *     { id: "delete", label: "Delete", variant: "destructive", onAction: handleDelete },
+ *   ]}
+ * />
+ * ```
+ */
+export declare function ResourceActionBar({ primaryAction, actions, className, }: ResourceActionBarProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ResourceActionBar.d.ts.map

package/resource-detail/ResourceActionBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceActionBar.d.ts","sourceRoot":"","sources":["../../src/resource-detail/ResourceActionBar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,YAAY,CAAC;IACtC;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,YAAY,EAAE,CAAC;IAC3C,qDAAqD;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,aAAa,EACb,OAAO,EACP,SAAS,GACV,EAAE,sBAAsB,kDAyBxB"}

package/resource-detail/ResourceActionBar.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { cn } from "@stigmer/theme";
+import { ActionMenu } from "../action-menu";
+/**
+ * Horizontal action bar for resource detail page headers.
+ *
+ * Renders an optional primary action as a visible button and any
+ * remaining actions in a kebab overflow menu (using the SDK's
+ * {@link ActionMenu} compound component).
+ *
+ * When there are no actions at all, renders nothing.
+ *
+ * @example
+ * ```tsx
+ * <ResourceActionBar
+ *   primaryAction={{
+ *     id: "edit",
+ *     label: "Edit",
+ *     icon: <PencilIcon />,
+ *     onAction: () => router.push(editUrl),
+ *   }}
+ *   actions={[
+ *     { id: "copy-id", label: "Copy ID", onAction: () => copyId(id) },
+ *     { id: "delete", label: "Delete", variant: "destructive", onAction: handleDelete },
+ *   ]}
+ * />
+ * ```
+ */
+export function ResourceActionBar({ primaryAction, actions, className, }) {
+    const hasOverflow = actions != null && actions.length > 0;
+    if (!primaryAction && !hasOverflow)
+        return null;
+    return (_jsxs("div", { className: cn("flex items-center gap-2", className), children: [primaryAction && (_jsxs("button", { type: "button", onClick: primaryAction.onAction, disabled: primaryAction.disabled, className: cn("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "bg-primary text-primary-foreground hover:bg-primary-hover", "disabled:pointer-events-none disabled:opacity-50"), children: [primaryAction.icon, primaryAction.label] })), hasOverflow && _jsx(OverflowMenu, { actions: actions })] }));
+}
+// ---------------------------------------------------------------------------
+// Overflow kebab menu
+// ---------------------------------------------------------------------------
+function OverflowMenu({ actions, }) {
+    const grouped = useGroupedActions(actions);
+    return (_jsxs(ActionMenu, { children: [_jsx(ActionMenu.Trigger, { "aria-label": "More actions", children: _jsx(KebabIcon, { className: "size-4" }) }), _jsx(ActionMenu.Content, { children: grouped.map((group, groupIndex) => (_jsxs(ActionMenu.Group, { children: [groupIndex > 0 && _jsx(ActionMenu.Separator, {}), group.items.map((action) => (_jsx(ActionMenu.Item, { icon: action.icon, shortcut: action.shortcut, variant: action.variant, disabled: action.disabled, onSelect: action.onAction, children: action.label }, action.id)))] }, group.key))) })] }));
+}
+function useGroupedActions(actions) {
+    return useMemo(() => {
+        const map = new Map();
+        for (const action of actions) {
+            const key = action.group ?? "__default";
+            const list = map.get(key);
+            if (list)
+                list.push(action);
+            else
+                map.set(key, [action]);
+        }
+        return Array.from(map.entries()).map(([key, items]) => ({ key, items }));
+    }, [actions]);
+}
+// ---------------------------------------------------------------------------
+// Kebab icon (inline SVG — no icon library dependency)
+// ---------------------------------------------------------------------------
+function KebabIcon({ className }) {
+    return (_jsxs("svg", { className: className, viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: [_jsx("circle", { cx: "8", cy: "3", r: "1.25" }), _jsx("circle", { cx: "8", cy: "8", r: "1.25" }), _jsx("circle", { cx: "8", cy: "13", r: "1.25" })] }));
+}
+//# sourceMappingURL=ResourceActionBar.js.map

package/resource-detail/ResourceActionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceActionBar.js","sourceRoot":"","sources":["../../src/resource-detail/ResourceActionBar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAkB5C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,aAAa,EACb,OAAO,EACP,SAAS,GACc;IACvB,MAAM,WAAW,GAAG,OAAO,IAAI,IAAI,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IAC1D,IAAI,CAAC,aAAa,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAEhD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,aACrD,aAAa,IAAI,CAChB,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,aAAa,CAAC,QAAQ,EAC/B,QAAQ,EAAE,aAAa,CAAC,QAAQ,EAChC,SAAS,EAAE,EAAE,CACX,+FAA+F,EAC/F,yEAAyE,EACzE,2DAA2D,EAC3D,kDAAkD,CACnD,aAEA,aAAa,CAAC,IAAI,EAClB,aAAa,CAAC,KAAK,IACb,CACV,EACA,WAAW,IAAI,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,GAAI,IAC9C,CACP,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,sBAAsB;AACtB,8EAA8E;AAE9E,SAAS,YAAY,CAAC,EACpB,OAAO,GAGR;IACC,MAAM,OAAO,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAE3C,OAAO,CACL,MAAC,UAAU,eACT,KAAC,UAAU,CAAC,OAAO,kBAAY,cAAc,YAC3C,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,GAAG,GACb,EACrB,KAAC,UAAU,CAAC,OAAO,cAChB,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,CAAC,CAClC,MAAC,UAAU,CAAC,KAAK,eACd,UAAU,GAAG,CAAC,IAAI,KAAC,UAAU,CAAC,SAAS,KAAG,EAC1C,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC3B,KAAC,UAAU,CAAC,IAAI,IAEd,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,QAAQ,EAAE,MAAM,CAAC,QAAQ,YAExB,MAAM,CAAC,KAAK,IAPR,MAAM,CAAC,EAAE,CAQE,CACnB,CAAC,KAbmB,KAAK,CAAC,GAAG,CAcb,CACpB,CAAC,GACiB,IACV,CACd,CAAC;AACJ,CAAC;AAWD,SAAS,iBAAiB,CAAC,OAAgC;IACzD,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,GAAG,GAAG,IAAI,GAAG,EAA0B,CAAC;QAC9C,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;YAC7B,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,IAAI,WAAW,CAAC;YACxC,MAAM,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YAC1B,IAAI,IAAI;gBAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;;gBACvB,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;QAC9B,CAAC;QACD,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IAC3E,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,CAAC;AAED,8EAA8E;AAC9E,uDAAuD;AACvD,8EAA8E;AAE9E,SAAS,SAAS,CAAC,EAAE,SAAS,EAAmC;IAC/D,OAAO,CACL,eACE,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,iBACP,MAAM,aAElB,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,MAAM,GAAG,EACjC,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,MAAM,GAAG,EACjC,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,MAAM,GAAG,IAC9B,CACP,CAAC;AACJ,CAAC"}

package/resource-detail/ResourceDetailShell.d.ts

@@ -0,0 +1,36 @@
+import type { ResourceDetailShellProps } from "./types";
+/**
+ * Shared layout shell for resource detail pages.
+ *
+ * Renders a standardized header (icon, name, org, timestamps, status,
+ * visibility control), an action bar (primary button + kebab overflow),
+ * optional tabs, and a content area — all themed via `--stgm-*` tokens.
+ *
+ * The shell receives pre-fetched data via props (DD-T03-001). It does
+ * NOT own data fetching — resource-specific hooks (`useAgent`, `useSkill`,
+ * etc.) handle that. The shell is a layout + behavior coordinator, not
+ * a data-fetching component.
+ *
+ * Zero Console dependencies — safe for platform builder embedding.
+ *
+ * @example
+ * ```tsx
+ * const { agent } = useAgent(org, slug);
+ *
+ * <ResourceDetailShell
+ *   header={{
+ *     name: agent.metadata.name,
+ *     id: agent.metadata.id,
+ *     org: agent.metadata.org,
+ *     slug: agent.metadata.slug,
+ *     description: agent.spec.description,
+ *   }}
+ *   primaryAction={{ id: "edit", label: "Edit", onAction: handleEdit }}
+ *   actions={[...]}
+ * >
+ *   <AgentOverview agent={agent} />
+ * </ResourceDetailShell>
+ * ```
+ */
+export declare function ResourceDetailShell({ header, visibilityControl, primaryAction, actions, tabs, activeTab, onTabChange, tabsAriaLabel, children, className, }: ResourceDetailShellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ResourceDetailShell.d.ts.map

package/resource-detail/ResourceDetailShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceDetailShell.d.ts","sourceRoot":"","sources":["../../src/resource-detail/ResourceDetailShell.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAExD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,iBAAiB,EACjB,aAAa,EACb,OAAO,EACP,IAAI,EACJ,SAAS,EACT,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,GACV,EAAE,wBAAwB,2CAiC1B"}

package/resource-detail/ResourceDetailShell.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+import { StatusBadge } from "../resource-workbench/components/StatusBadge";
+import { Tabs } from "../tabs/Tabs";
+import { ResourceActionBar } from "./ResourceActionBar";
+/**
+ * Shared layout shell for resource detail pages.
+ *
+ * Renders a standardized header (icon, name, org, timestamps, status,
+ * visibility control), an action bar (primary button + kebab overflow),
+ * optional tabs, and a content area — all themed via `--stgm-*` tokens.
+ *
+ * The shell receives pre-fetched data via props (DD-T03-001). It does
+ * NOT own data fetching — resource-specific hooks (`useAgent`, `useSkill`,
+ * etc.) handle that. The shell is a layout + behavior coordinator, not
+ * a data-fetching component.
+ *
+ * Zero Console dependencies — safe for platform builder embedding.
+ *
+ * @example
+ * ```tsx
+ * const { agent } = useAgent(org, slug);
+ *
+ * <ResourceDetailShell
+ *   header={{
+ *     name: agent.metadata.name,
+ *     id: agent.metadata.id,
+ *     org: agent.metadata.org,
+ *     slug: agent.metadata.slug,
+ *     description: agent.spec.description,
+ *   }}
+ *   primaryAction={{ id: "edit", label: "Edit", onAction: handleEdit }}
+ *   actions={[...]}
+ * >
+ *   <AgentOverview agent={agent} />
+ * </ResourceDetailShell>
+ * ```
+ */
+export function ResourceDetailShell({ header, visibilityControl, primaryAction, actions, tabs, activeTab, onTabChange, tabsAriaLabel, children, className, }) {
+    const hasTabs = tabs != null && tabs.length > 0;
+    return (_jsxs("div", { className: cn("flex flex-col gap-6", className), children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsx(Header, { header: header, visibilityControl: visibilityControl }), _jsx(ResourceActionBar, { primaryAction: primaryAction, actions: actions, className: "shrink-0" })] }), hasTabs && activeTab && onTabChange ? (_jsx(Tabs, { tabs: tabs, activeTab: activeTab, onTabChange: onTabChange, "aria-label": tabsAriaLabel, children: children })) : (children)] }));
+}
+// ---------------------------------------------------------------------------
+// Header
+// ---------------------------------------------------------------------------
+function Header({ header, visibilityControl, }) {
+    const { name, org, slug, description, iconUrl, icon, createdAt, updatedAt, status, statusLabel, } = header;
+    const showSlug = slug && slug !== name;
+    return (_jsxs("div", { className: "flex min-w-0 items-start gap-3", children: [iconUrl ? (_jsx("img", { src: iconUrl, alt: "", className: "mt-0.5 size-8 shrink-0 rounded object-cover" })) : icon ? (_jsx("span", { className: "mt-1 shrink-0", children: icon })) : null, _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("h2", { className: "truncate text-lg font-semibold text-foreground", children: name }), showSlug && (_jsx("code", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-xs font-medium text-muted-foreground", children: slug })), status && (_jsx(StatusBadge, { phase: status, label: statusLabel })), visibilityControl] }), _jsxs("div", { className: "mt-0.5 flex flex-wrap items-center gap-x-1.5 text-xs text-muted-foreground", children: [org && _jsx("span", { children: org }), createdAt && (_jsxs(_Fragment, { children: [_jsx(Dot, {}), _jsxs("span", { children: ["Created ", formatDate(createdAt)] })] })), updatedAt && (_jsxs(_Fragment, { children: [_jsx(Dot, {}), _jsxs("span", { children: ["Updated ", formatDate(updatedAt)] })] }))] }), description && (_jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: description }))] })] }));
+}
+// ---------------------------------------------------------------------------
+// Utilities
+// ---------------------------------------------------------------------------
+function Dot() {
+    return (_jsx("span", { className: "shrink-0", "aria-hidden": "true", children: "\u00B7" }));
+}
+function formatDate(date) {
+    return date.toLocaleDateString("en-US", {
+        month: "short",
+        day: "numeric",
+        year: "numeric",
+    });
+}
+//# sourceMappingURL=ResourceDetailShell.js.map

package/resource-detail/ResourceDetailShell.js.map

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

package/resource-detail/Section.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from "react";
+export interface SectionProps {
+    readonly title: string;
+    readonly count?: number;
+    readonly onEdit?: () => void;
+    readonly children: ReactNode;
+    readonly className?: string;
+}
+/**
+ * Shared section layout for resource detail views.
+ *
+ * Renders a labeled section with an optional count badge and edit affordance
+ * in the header row. The content is wrapped in a bordered card.
+ *
+ * Used uniformly by AgentDetailView, McpServerDetailView, and SkillDetailView.
+ */
+export declare function Section({ title, count, onEdit, children, className, }: SectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Section.d.ts.map

package/resource-detail/Section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/resource-detail/Section.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE,YAAY,2CAiCd"}

package/resource-detail/Section.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+/**
+ * Shared section layout for resource detail views.
+ *
+ * Renders a labeled section with an optional count badge and edit affordance
+ * in the header row. The content is wrapped in a bordered card.
+ *
+ * Used uniformly by AgentDetailView, McpServerDetailView, and SkillDetailView.
+ */
+export function Section({ title, count, onEdit, children, className, }) {
+    return (_jsxs("section", { className: className, children: [_jsxs("div", { className: "mb-2 flex items-center gap-2", children: [_jsx("h3", { className: "text-xs font-medium uppercase tracking-wider text-muted-foreground", children: title }), count != null && count > 0 && (_jsx("span", { className: "inline-flex size-5 items-center justify-center rounded-full bg-muted text-[10px] font-semibold text-muted-foreground", children: count })), onEdit && (_jsx("button", { type: "button", onClick: onEdit, "aria-label": `Edit ${title.toLowerCase()}`, className: cn("ml-auto inline-flex size-6 items-center justify-center rounded-md text-muted-foreground", "hover:bg-accent-hover hover:text-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "transition-colors"), children: _jsx(PencilIcon, { className: "size-3.5" }) }))] }), _jsx("div", { className: "overflow-hidden rounded-lg border border-border", children: children })] }));
+}
+function PencilIcon({ className }) {
+    return (_jsx("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M11.5 1.5a2.121 2.121 0 0 1 3 3L5 14l-4 1 1-4Z" }) }));
+}
+//# sourceMappingURL=Section.js.map

package/resource-detail/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../src/resource-detail/Section.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAWpC;;;;;;;GAOG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,GACI;IACb,OAAO,CACL,mBAAS,SAAS,EAAE,SAAS,aAC3B,eAAK,SAAS,EAAC,8BAA8B,aAC3C,aAAI,SAAS,EAAC,oEAAoE,YAC/E,KAAK,GACH,EACJ,KAAK,IAAI,IAAI,IAAI,KAAK,GAAG,CAAC,IAAI,CAC7B,eAAM,SAAS,EAAC,sHAAsH,YACnI,KAAK,GACD,CACR,EACA,MAAM,IAAI,CACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,gBACH,QAAQ,KAAK,CAAC,WAAW,EAAE,EAAE,EACzC,SAAS,EAAE,EAAE,CACX,yFAAyF,EACzF,6CAA6C,EAC7C,yEAAyE,EACzE,mBAAmB,CACpB,YAED,KAAC,UAAU,IAAC,SAAS,EAAC,UAAU,GAAG,GAC5B,CACV,IACG,EACN,cAAK,SAAS,EAAC,iDAAiD,YAC7D,QAAQ,GACL,IACE,CACX,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAmC;IAChE,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,YAElB,eAAM,CAAC,EAAC,gDAAgD,GAAG,GACvD,CACP,CAAC;AACJ,CAAC"}

package/resource-detail/index.d.ts

@@ -0,0 +1,15 @@
+export type { AdditionalTab, DetailAction, ResourceHeaderMeta, ConfirmOptions, ConfirmState, ResourceDetailShellProps, } from "./types";
+export { useCopyResource } from "./useCopyResource";
+export type { UseCopyResourceReturn } from "./useCopyResource";
+export { useConfirmAction } from "./useConfirmAction";
+export type { UseConfirmActionReturn } from "./useConfirmAction";
+export { useDeleteResource } from "./useDeleteResource";
+export type { DeletableResourceKind, UseDeleteResourceReturn, } from "./useDeleteResource";
+export { ResourceActionBar } from "./ResourceActionBar";
+export type { ResourceActionBarProps } from "./ResourceActionBar";
+export { ResourceDetailShell } from "./ResourceDetailShell";
+export { ConfirmDialog } from "./ConfirmDialog";
+export type { ConfirmDialogProps } from "./ConfirmDialog";
+export { Section } from "./Section";
+export type { SectionProps } from "./Section";
+//# sourceMappingURL=index.d.ts.map

package/resource-detail/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/resource-detail/index.ts"],"names":[],"mappings":"AACA,YAAY,EACV,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,YAAY,EACZ,wBAAwB,GACzB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAEjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EACV,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAElE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/resource-detail/index.js

@@ -0,0 +1,10 @@
+// Hooks
+export { useCopyResource } from "./useCopyResource";
+export { useConfirmAction } from "./useConfirmAction";
+export { useDeleteResource } from "./useDeleteResource";
+// Components
+export { ResourceActionBar } from "./ResourceActionBar";
+export { ResourceDetailShell } from "./ResourceDetailShell";
+export { ConfirmDialog } from "./ConfirmDialog";
+export { Section } from "./Section";
+//# sourceMappingURL=index.js.map

package/resource-detail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/resource-detail/index.ts"],"names":[],"mappings":"AAUA,QAAQ;AACR,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAMxD,aAAa;AACb,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/resource-detail/types.d.ts

@@ -0,0 +1,146 @@
+import type { ReactNode } from "react";
+import type { StatusPhase } from "../resource-workbench/types";
+import type { TabItem } from "../tabs/Tabs";
+/**
+ * Describes a consumer-provided tab that extends a detail view's built-in
+ * tabs. Used by {@link AgentDetailView} and {@link SkillDetailView} to let
+ * platform builders (or the Console) add custom tabs without forking the
+ * component.
+ *
+ * The SDK component defines its own built-in tabs (e.g., "Overview" for
+ * agents, "Content" for skills). Consumers extend via `additionalTabs` —
+ * providing both the tab metadata and the content to render.
+ *
+ * @example
+ * ```tsx
+ * <AgentDetailView
+ *   org="acme"
+ *   slug="my-agent"
+ *   additionalTabs={[
+ *     { id: "dependencies", label: "Dependencies", content: <DependencyGraph /> },
+ *   ]}
+ * />
+ * ```
+ */
+export interface AdditionalTab extends TabItem {
+    /** Content rendered in the tab panel when this tab is active. */
+    readonly content: ReactNode;
+}
+/**
+ * Describes an action that can be performed on the currently viewed
+ * resource. Used by {@link ResourceActionBar} and the kebab overflow menu.
+ *
+ * Unlike the workbench's `ResourceAction<TData>`, this is not generic —
+ * the detail page already knows what resource it is showing.
+ */
+export interface DetailAction {
+    /** Stable action identifier. */
+    readonly id: string;
+    /** Display label (e.g. "Edit", "Copy ID", "Delete"). */
+    readonly label: string;
+    /** Optional icon rendered before the label. */
+    readonly icon?: ReactNode;
+    /** Optional keyboard shortcut hint. */
+    readonly shortcut?: string;
+    /**
+     * Visual variant.
+     * - `"default"` — standard item
+     * - `"destructive"` — danger styling for delete, revoke, etc.
+     * @default "default"
+     */
+    readonly variant?: "default" | "destructive";
+    /** Fires when the action is selected. */
+    readonly onAction: () => void;
+    /** When `true`, the action is shown but non-interactive. */
+    readonly disabled?: boolean;
+    /**
+     * Group identifier for organizing actions in the overflow menu.
+     * Actions with the same group are visually grouped with separators.
+     */
+    readonly group?: string;
+}
+/**
+ * Metadata rendered in the {@link ResourceDetailShell} header.
+ *
+ * This is the shared shape for all resource types — agent, skill,
+ * MCP server, runner. Each detail page maps its resource-specific
+ * protobuf to this shape before passing it to the shell.
+ */
+export interface ResourceHeaderMeta {
+    /** Display name of the resource. */
+    readonly name: string;
+    /** Resource ID (opaque string). */
+    readonly id: string;
+    /** Organization slug that owns the resource. */
+    readonly org?: string;
+    /** URL-friendly slug. */
+    readonly slug?: string;
+    /** Resource description. */
+    readonly description?: string;
+    /** Optional icon URL (e.g. agent icon). */
+    readonly iconUrl?: string;
+    /** Optional custom icon element to render instead of `iconUrl`. */
+    readonly icon?: ReactNode;
+    /** Resource creation timestamp. */
+    readonly createdAt?: Date | null;
+    /** Last update timestamp. */
+    readonly updatedAt?: Date | null;
+    /** Resource status phase for the status badge. */
+    readonly status?: StatusPhase;
+    /** Custom status label (overrides the default phase label). */
+    readonly statusLabel?: string;
+}
+/** Options passed to `confirm()` to show a confirmation prompt. */
+export interface ConfirmOptions {
+    /** Dialog title (e.g. "Delete agent?"). */
+    readonly title: string;
+    /** Descriptive body text explaining the consequences. */
+    readonly description: string;
+    /** Label for the confirm button. @default "Confirm" */
+    readonly confirmLabel?: string;
+    /** Label for the cancel button. @default "Cancel" */
+    readonly cancelLabel?: string;
+    /** Visual variant for the confirm button. @default "destructive" */
+    readonly variant?: "default" | "destructive";
+}
+/** Internal state of a pending confirmation. */
+export interface ConfirmState extends ConfirmOptions {
+    /** Resolves the promise returned by `confirm()`. */
+    readonly resolve: (confirmed: boolean) => void;
+}
+export interface ResourceDetailShellProps {
+    /** Header metadata extracted from the resource. */
+    readonly header: ResourceHeaderMeta;
+    /**
+     * Visibility control rendered in the header.
+     * Typically a `<VisibilityToggle />` from the library module.
+     * Rendered inline after the resource name.
+     */
+    readonly visibilityControl?: ReactNode;
+    /**
+     * Primary action rendered as a visible button in the header area.
+     * Use for the most common action (e.g. "Edit" for agents).
+     */
+    readonly primaryAction?: DetailAction;
+    /**
+     * Secondary actions rendered in the kebab overflow menu.
+     * Grouped by the `group` field — groups are separated visually.
+     */
+    readonly actions?: readonly DetailAction[];
+    /**
+     * Optional tabs to render below the header.
+     * When omitted, children are rendered directly without a tab strip.
+     */
+    readonly tabs?: readonly TabItem[];
+    /** Active tab ID (required when `tabs` is provided). */
+    readonly activeTab?: string;
+    /** Tab change handler (required when `tabs` is provided). */
+    readonly onTabChange?: (tabId: string) => void;
+    /** Accessible label for the tab strip. */
+    readonly tabsAriaLabel?: string;
+    /** Content area — tab panel content or direct children. */
+    readonly children: ReactNode;
+    /** Additional CSS classes for the root container. */
+    readonly className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/resource-detail/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/resource-detail/types.ts"],"names":[],"mappings":"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"}

package/resource-detail/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/resource-detail/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/resource-detail/types.ts"],"names":[],"mappings":""}

package/resource-detail/useConfirmAction.d.ts

@@ -0,0 +1,41 @@
+import type { ConfirmOptions, ConfirmState } from "./types";
+export interface UseConfirmActionReturn {
+    /**
+     * The pending confirmation state, or `null` when no confirmation
+     * is active. Pass this to a `ConfirmDialog` component to render
+     * the dialog UI.
+     */
+    readonly confirmState: ConfirmState | null;
+    /**
+     * Trigger a confirmation prompt. Returns a promise that resolves
+     * to `true` when confirmed, `false` when cancelled.
+     *
+     * @example
+     * ```tsx
+     * const confirmed = await confirm({
+     *   title: "Delete agent?",
+     *   description: "This action cannot be undone.",
+     *   confirmLabel: "Delete",
+     *   variant: "destructive",
+     * });
+     * if (confirmed) await deleteAgent();
+     * ```
+     */
+    readonly confirm: (options: ConfirmOptions) => Promise<boolean>;
+    /** Accept the pending confirmation. */
+    readonly handleConfirm: () => void;
+    /** Dismiss the pending confirmation. */
+    readonly handleCancel: () => void;
+}
+/**
+ * State management hook for confirmation dialogs.
+ *
+ * Provides an imperative `confirm()` function that returns a promise,
+ * paired with `confirmState` for rendering a `ConfirmDialog`.
+ *
+ * Separates the state logic (this hook) from the visual presentation
+ * (ConfirmDialog component) following the headless-first architecture
+ * (DD-003).
+ */
+export declare function useConfirmAction(): UseConfirmActionReturn;
+//# sourceMappingURL=useConfirmAction.d.ts.map

package/resource-detail/useConfirmAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfirmAction.d.ts","sourceRoot":"","sources":["../../src/resource-detail/useConfirmAction.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5D,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,QAAQ,CAAC,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAE3C;;;;;;;;;;;;;;OAcG;IACH,QAAQ,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAEhE,uCAAuC;IACvC,QAAQ,CAAC,aAAa,EAAE,MAAM,IAAI,CAAC;IACnC,wCAAwC;IACxC,QAAQ,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC;CACnC;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,IAAI,sBAAsB,CAuBzD"}

package/resource-detail/useConfirmAction.js

@@ -0,0 +1,30 @@
+"use client";
+import { useCallback, useMemo, useState } from "react";
+/**
+ * State management hook for confirmation dialogs.
+ *
+ * Provides an imperative `confirm()` function that returns a promise,
+ * paired with `confirmState` for rendering a `ConfirmDialog`.
+ *
+ * Separates the state logic (this hook) from the visual presentation
+ * (ConfirmDialog component) following the headless-first architecture
+ * (DD-003).
+ */
+export function useConfirmAction() {
+    const [confirmState, setConfirmState] = useState(null);
+    const confirm = useCallback((options) => {
+        return new Promise((resolve) => {
+            setConfirmState({ ...options, resolve });
+        });
+    }, []);
+    const handleConfirm = useCallback(() => {
+        confirmState?.resolve(true);
+        setConfirmState(null);
+    }, [confirmState]);
+    const handleCancel = useCallback(() => {
+        confirmState?.resolve(false);
+        setConfirmState(null);
+    }, [confirmState]);
+    return useMemo(() => ({ confirmState, confirm, handleConfirm, handleCancel }), [confirmState, confirm, handleConfirm, handleCancel]);
+}
+//# sourceMappingURL=useConfirmAction.js.map

package/resource-detail/useConfirmAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfirmAction.js","sourceRoot":"","sources":["../../src/resource-detail/useConfirmAction.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAkCvD;;;;;;;;;GASG;AACH,MAAM,UAAU,gBAAgB;IAC9B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAsB,IAAI,CAAC,CAAC;IAE5E,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,OAAuB,EAAoB,EAAE;QACxE,OAAO,IAAI,OAAO,CAAU,CAAC,OAAO,EAAE,EAAE;YACtC,eAAe,CAAC,EAAE,GAAG,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,YAAY,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QAC5B,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC7B,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC,EAC9D,CAAC,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,CAAC,CACrD,CAAC;AACJ,CAAC"}

package/resource-detail/useCopyResource.d.ts

@@ -0,0 +1,28 @@
+export interface UseCopyResourceReturn {
+    /** Copy arbitrary text to the clipboard with toast feedback. */
+    readonly copy: (text: string, label: string) => Promise<void>;
+    /** Shortcut: copies `id` and toasts "ID copied". */
+    readonly copyId: (id: string) => Promise<void>;
+    /** Shortcut: copies `slug` and toasts "Slug copied". */
+    readonly copySlug: (slug: string) => Promise<void>;
+    /** Shortcut: copies the qualified slug (`org/slug`) and toasts. */
+    readonly copyQualifiedSlug: (org: string, slug: string) => Promise<void>;
+}
+/**
+ * Clipboard helper for resource detail pages.
+ *
+ * Wraps `navigator.clipboard.writeText` with toast feedback so every
+ * copy action is confirmed visually (Nielsen heuristic #1 — visibility
+ * of system status). Falls back to a hidden textarea for older browsers.
+ *
+ * @example
+ * ```tsx
+ * const { copyId, copySlug, copy } = useCopyResource();
+ *
+ * <ActionMenu.Item onSelect={() => copyId(resource.id)}>
+ *   Copy ID
+ * </ActionMenu.Item>
+ * ```
+ */
+export declare function useCopyResource(): UseCopyResourceReturn;
+//# sourceMappingURL=useCopyResource.d.ts.map

package/resource-detail/useCopyResource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCopyResource.d.ts","sourceRoot":"","sources":["../../src/resource-detail/useCopyResource.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,qBAAqB;IACpC,gEAAgE;IAChE,QAAQ,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,oDAAoD;IACpD,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,wDAAwD;IACxD,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD,mEAAmE;IACnE,QAAQ,CAAC,iBAAiB,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1E;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,eAAe,IAAI,qBAAqB,CA8BvD"}