@jini-ai/admin 0.3.9 → 0.4.0

package/dist/agent-plugins/messages.en.js

@@ -0,0 +1,14 @@
+export const agentPluginsMessagesEn = {
+    title: 'Agent Plugins', installed: 'Installed', downloaded: 'Downloaded', marketplace: 'Marketplace',
+    description: 'Portable packages installed for this workspace.', denied: 'Permission denied',
+    loading: 'Loading Agent Plugins…', empty: 'No Agent Plugins are installed in this workspace.',
+    loadError: 'Failed to load agent plugins', actionError: 'Failed to update agent plugin',
+    fileError: 'Failed to load package files', filesLoading: 'Loading package files…',
+    filesEmpty: 'No files to show for this plugin.', filesTruncated: 'Some files are not listed: this package is larger than the viewer’s limits.',
+    installedLede: 'Every plugin installed in this workspace. Only switched-on plugins reach the assistant’s prompt.',
+    downloadedLede: 'An installed plugin sits inert until you enable it. Enabling one puts its skills in the assistant’s prompt for every run.',
+    uninstallUnavailable: 'Uninstall is unavailable in this view. Package removal is managed by the host.',
+    marketplaceTitle: 'Nothing to browse yet', marketplaceDescription: 'Marketplace is planned for a future release. This view does not fetch, install, or list marketplace packages yet.',
+    marketplaceHint: 'Until then, the Downloaded tab lists the packages available in this workspace.',
+};
+//# sourceMappingURL=messages.en.js.map

package/dist/agent-plugins/models.d.ts

@@ -0,0 +1,57 @@
+import type { InstalledAgentPlugin, InstalledAgentPluginSkill, SetAgentPluginEnabledInput } from '@jini-ai/agent-plugins/lifecycle';
+/** HTTP presentation projection; installation paths/digests never enter the browser. */
+export interface AgentPluginSummary extends Pick<InstalledAgentPlugin, 'pluginId'> {
+    readonly version: InstalledAgentPlugin['version'] | null;
+    readonly description: InstalledAgentPlugin['description'] | null;
+    readonly keywords: NonNullable<InstalledAgentPlugin['keywords']>;
+    readonly skills: readonly (Pick<InstalledAgentPluginSkill, 'name'> & {
+        readonly summary: string;
+    })[];
+    readonly mcpServerIds: readonly string[];
+    readonly enabled: SetAgentPluginEnabledInput['enabled'];
+}
+export type AgentPluginActivationInput = Pick<SetAgentPluginEnabledInput, 'pluginId' | 'enabled'>;
+export interface AgentPluginPackageFile {
+    readonly relativePath: string;
+    readonly sizeBytes: number;
+    readonly content: string | null;
+    readonly omitted: null | 'binary' | 'too-large' | 'symlink' | 'unreadable';
+}
+/** The existing read-only route's bounded listing, not lifecycle's on-disk files array. */
+export interface AgentPluginFiles {
+    readonly pluginId: InstalledAgentPlugin['pluginId'];
+    readonly files: readonly AgentPluginPackageFile[];
+    readonly truncated: boolean;
+    readonly limits: {
+        readonly maxFiles: number;
+        readonly maxEntries: number;
+        readonly maxFileBytes: number;
+        readonly maxTotalBytes: number;
+    };
+}
+export interface AgentPluginRequestOptions {
+    readonly signal?: AbortSignal;
+}
+export type AgentPluginTab = 'installed' | 'downloaded' | 'marketplace';
+export interface AgentPluginDisableRequest {
+    readonly pluginId: string;
+    readonly variant: 'disable' | 'remove';
+}
+export interface AgentPluginsState {
+    readonly plugins: readonly AgentPluginSummary[] | null;
+    readonly loading: boolean;
+    readonly error: string | null;
+    readonly actionError: string | null;
+    readonly busyIds: readonly string[];
+    readonly expandedIds: readonly string[];
+    readonly pendingDisable: AgentPluginDisableRequest | null;
+    readonly inspectedId: string | null;
+}
+export interface AgentPluginFilesState {
+    readonly pluginId: string | null;
+    readonly listing: AgentPluginFiles | null;
+    readonly loading: boolean;
+    readonly error: string | null;
+    readonly selectedPath: string;
+}
+//# sourceMappingURL=models.d.ts.map

package/dist/agent-plugins/models.js

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

package/dist/agent-plugins/package-file-tree.d.ts

@@ -0,0 +1,111 @@
+/**
+ * @file Pure helpers behind `PackageFilesModal`'s VS Code-style file tree (2026-09-29): folding a
+ * package's flat `relativePath` list into folders, flattening the tree into the rows currently
+ * visible for a given expansion, which rows a keyboard key moves to, and each file's icon.
+ *
+ * No React here — `hooks/use-package-file-tree.hooks.ts` holds the expansion and focus state and
+ * calls these; the component only renders the rows it gets back.
+ */
+export interface PackageFileTreeFolder {
+    readonly kind: "folder";
+    readonly name: string;
+    /** Package-relative folder path, no trailing slash (`skills/deploy`). */
+    readonly path: string;
+    readonly children: readonly PackageFileTreeNode[];
+}
+export interface PackageFileTreeFile {
+    readonly kind: "file";
+    readonly name: string;
+    /** The file's full `relativePath`, as the listing gave it. */
+    readonly path: string;
+}
+export type PackageFileTreeNode = PackageFileTreeFolder | PackageFileTreeFile;
+/** One rendered row of the tree: a node plus where it sits, for `aria-level`/`-setsize`/`-posinset`
+ *  and the indentation guides. */
+export interface PackageFileTreeRow {
+    readonly node: PackageFileTreeNode;
+    /** 0 for the package root's own entries. */
+    readonly depth: number;
+    /** The containing folder's path, `null` at the root. */
+    readonly parentPath: string | null;
+    readonly setSize: number;
+    /** 1-based, as `aria-posinset` wants. */
+    readonly posInSet: number;
+}
+/**
+ * Groups flat package-relative paths into a folder tree. Empty segments (a leading, trailing or
+ * doubled `/`) are ignored for grouping, so a stray slash can never produce a nameless folder; the
+ * file node still carries the path exactly as listed, since that is what selection is keyed by.
+ *
+ * @complexity O(n·d + n log n) for n paths of depth d.
+ */
+export declare function buildPackageFileTree({ paths }: {
+    paths: readonly string[];
+}, _optional?: {}): PackageFileTreeNode[];
+/**
+ * The path of the tree's top file row once every folder on the way is open — the first file in
+ * display order (files before folders, so a root file wins over anything nested); `null` for no files.
+ * @complexity O(nodes).
+ */
+export declare function firstPackageFilePath({ nodes }: {
+    nodes: readonly PackageFileTreeNode[];
+}, _optional?: {}): string | null;
+/**
+ * Every folder path that contains `filePath` — the folders that start expanded so the selected
+ * file is visible when the dialog opens.
+ * @example ancestorFolderPaths("skills/deploy/SKILL.md") // ["skills", "skills/deploy"]
+ * @complexity O(d).
+ */
+export declare function ancestorFolderPaths({ filePath }: {
+    filePath: string;
+}, _optional?: {}): string[];
+/**
+ * The rows on screen, top to bottom: a collapsed folder's descendants are left out.
+ * @complexity O(visible rows).
+ */
+export declare function visiblePackageFileRows({ nodes, isExpanded }: {
+    nodes: readonly PackageFileTreeNode[];
+    isExpanded: (required: {
+        path: string;
+    }) => boolean;
+}, _optional?: {}): PackageFileTreeRow[];
+/** What one key press in the tree does. Every field is optional; an empty object means "not ours". */
+export interface PackageFileTreeKeyAction {
+    /** Row path to move keyboard focus to. */
+    readonly focus?: string;
+    /** Folder to expand (`true`) or collapse (`false`). */
+    readonly setExpanded?: {
+        readonly path: string;
+        readonly expanded: boolean;
+    };
+    /** File to open in the content pane. */
+    readonly open?: string;
+}
+/**
+ * The WAI-ARIA tree keyboard pattern, as VS Code's explorer does it: Up/Down move, Home/End jump,
+ * Right expands a closed folder or steps into an open one, Left collapses an open folder or steps
+ * out to the parent, Enter/Space opens a file or toggles a folder.
+ *
+ * @param rows The visible rows, from {@link visiblePackageFileRows}.
+ * @param currentPath The focused row's path.
+ * @complexity O(rows).
+ */
+export declare function packageFileTreeKeyAction({ rows, currentPath, key, isExpanded }: {
+    rows: readonly PackageFileTreeRow[];
+    currentPath: string;
+    key: string;
+    isExpanded: (required: {
+        path: string;
+    }) => boolean;
+}, _optional?: {}): PackageFileTreeKeyAction;
+/** Icon family for a file row; the component maps it to a RemixIcon glyph and a tint. */
+export type PackageFileIconKind = "json" | "markdown" | "javascript" | "typescript" | "config" | "html" | "css" | "image" | "shell" | "text" | "file";
+/**
+ * Picks a file's icon family from its extension (the text after the last `.`, case-insensitive).
+ * A dotfile with no other dot (`.env`) counts its whole name as the extension.
+ * @complexity O(name length).
+ */
+export declare function packageFileIconKind({ fileName }: {
+    fileName: string;
+}, _optional?: {}): PackageFileIconKind;
+//# sourceMappingURL=package-file-tree.d.ts.map

package/dist/agent-plugins/package-file-tree.js

@@ -0,0 +1,188 @@
+/**
+ * @file Pure helpers behind `PackageFilesModal`'s VS Code-style file tree (2026-09-29): folding a
+ * package's flat `relativePath` list into folders, flattening the tree into the rows currently
+ * visible for a given expansion, which rows a keyboard key moves to, and each file's icon.
+ *
+ * No React here — `hooks/use-package-file-tree.hooks.ts` holds the expansion and focus state and
+ * calls these; the component only renders the rows it gets back.
+ */
+const collator = new Intl.Collator("en", { numeric: true, sensitivity: "base" });
+/** Files first, then folders, each alphabetical (owner's call, 2026-09-29 — VS Code's default is the reverse). */
+function compareNodes(a, b) {
+    if (a.kind !== b.kind)
+        return a.kind === "file" ? -1 : 1;
+    return collator.compare(a.name, b.name) || (a.name < b.name ? -1 : a.name > b.name ? 1 : 0);
+}
+function freeze(folder, prefix) {
+    const nodes = [];
+    for (const [name, child] of folder.folders) {
+        const path = prefix ? `${prefix}/${name}` : name;
+        nodes.push({ kind: "folder", name, path, children: freeze(child, path) });
+    }
+    for (const file of folder.files)
+        nodes.push({ kind: "file", ...file });
+    return nodes.sort(compareNodes);
+}
+/**
+ * Groups flat package-relative paths into a folder tree. Empty segments (a leading, trailing or
+ * doubled `/`) are ignored for grouping, so a stray slash can never produce a nameless folder; the
+ * file node still carries the path exactly as listed, since that is what selection is keyed by.
+ *
+ * @complexity O(n·d + n log n) for n paths of depth d.
+ */
+export function buildPackageFileTree({ paths }, _optional = {}) {
+    const root = { folders: new Map(), files: [] };
+    const seen = new Set();
+    for (const path of paths) {
+        const segments = path.split("/").filter(Boolean);
+        const fileName = segments.pop();
+        if (!fileName)
+            continue;
+        let folder = root;
+        for (const segment of segments) {
+            let next = folder.folders.get(segment);
+            if (!next) {
+                next = { folders: new Map(), files: [] };
+                folder.folders.set(segment, next);
+            }
+            folder = next;
+        }
+        const normalized = [...segments, fileName].join("/");
+        if (seen.has(normalized))
+            continue;
+        seen.add(normalized);
+        folder.files.push({ name: fileName, path });
+    }
+    return freeze(root, "");
+}
+/**
+ * The path of the tree's top file row once every folder on the way is open — the first file in
+ * display order (files before folders, so a root file wins over anything nested); `null` for no files.
+ * @complexity O(nodes).
+ */
+export function firstPackageFilePath({ nodes }, _optional = {}) {
+    for (const node of nodes) {
+        const path = node.kind === "file" ? node.path : firstPackageFilePath({ nodes: node.children });
+        if (path !== null)
+            return path;
+    }
+    return null;
+}
+/**
+ * Every folder path that contains `filePath` — the folders that start expanded so the selected
+ * file is visible when the dialog opens.
+ * @example ancestorFolderPaths("skills/deploy/SKILL.md") // ["skills", "skills/deploy"]
+ * @complexity O(d).
+ */
+export function ancestorFolderPaths({ filePath }, _optional = {}) {
+    const segments = filePath.split("/").filter(Boolean);
+    segments.pop();
+    return segments.map((_, i) => segments.slice(0, i + 1).join("/"));
+}
+/**
+ * The rows on screen, top to bottom: a collapsed folder's descendants are left out.
+ * @complexity O(visible rows).
+ */
+export function visiblePackageFileRows({ nodes, isExpanded }, _optional = {}) {
+    const rows = [];
+    const walk = (level, depth, parentPath) => {
+        level.forEach((node, index) => {
+            rows.push({ node, depth, parentPath, setSize: level.length, posInSet: index + 1 });
+            if (node.kind === "folder" && isExpanded({ path: node.path }))
+                walk(node.children, depth + 1, node.path);
+        });
+    };
+    walk(nodes, 0, null);
+    return rows;
+}
+/**
+ * The WAI-ARIA tree keyboard pattern, as VS Code's explorer does it: Up/Down move, Home/End jump,
+ * Right expands a closed folder or steps into an open one, Left collapses an open folder or steps
+ * out to the parent, Enter/Space opens a file or toggles a folder.
+ *
+ * @param rows The visible rows, from {@link visiblePackageFileRows}.
+ * @param currentPath The focused row's path.
+ * @complexity O(rows).
+ */
+export function packageFileTreeKeyAction({ rows, currentPath, key, isExpanded }, _optional = {}) {
+    if (rows.length === 0)
+        return {};
+    const index = Math.max(0, rows.findIndex((row) => row.node.path === currentPath));
+    const row = rows[index];
+    const node = row.node;
+    const open = node.kind === "folder" && isExpanded({ path: node.path });
+    switch (key) {
+        case "ArrowDown":
+            return { focus: rows[Math.min(index + 1, rows.length - 1)].node.path };
+        case "ArrowUp":
+            return { focus: rows[Math.max(index - 1, 0)].node.path };
+        case "Home":
+            return { focus: rows[0].node.path };
+        case "End":
+            return { focus: rows[rows.length - 1].node.path };
+        case "ArrowRight":
+            if (node.kind !== "folder")
+                return { focus: node.path };
+            if (!open)
+                return { focus: node.path, setExpanded: { path: node.path, expanded: true } };
+            return { focus: rows[index + 1]?.parentPath === node.path ? rows[index + 1].node.path : node.path };
+        case "ArrowLeft":
+            if (open)
+                return { focus: node.path, setExpanded: { path: node.path, expanded: false } };
+            return { focus: row.parentPath ?? node.path };
+        case "Enter":
+        case " ":
+            if (node.kind === "file")
+                return { focus: node.path, open: node.path };
+            return { focus: node.path, setExpanded: { path: node.path, expanded: !open } };
+        default:
+            return {};
+    }
+}
+const ICON_KIND_BY_EXTENSION = {
+    json: "json",
+    jsonc: "json",
+    md: "markdown",
+    mdx: "markdown",
+    js: "javascript",
+    mjs: "javascript",
+    cjs: "javascript",
+    jsx: "javascript",
+    ts: "typescript",
+    mts: "typescript",
+    cts: "typescript",
+    tsx: "typescript",
+    yml: "config",
+    yaml: "config",
+    toml: "config",
+    ini: "config",
+    env: "config",
+    html: "html",
+    htm: "html",
+    css: "css",
+    scss: "css",
+    png: "image",
+    jpg: "image",
+    jpeg: "image",
+    gif: "image",
+    svg: "image",
+    webp: "image",
+    ico: "image",
+    sh: "shell",
+    bash: "shell",
+    zsh: "shell",
+    txt: "text",
+    log: "text",
+};
+/**
+ * Picks a file's icon family from its extension (the text after the last `.`, case-insensitive).
+ * A dotfile with no other dot (`.env`) counts its whole name as the extension.
+ * @complexity O(name length).
+ */
+export function packageFileIconKind({ fileName }, _optional = {}) {
+    const dot = fileName.lastIndexOf(".");
+    if (dot < 0)
+        return "file";
+    return ICON_KIND_BY_EXTENSION[fileName.slice(dot + 1).toLowerCase()] ?? "file";
+}
+//# sourceMappingURL=package-file-tree.js.map

package/dist/agent-plugins/ports.d.ts

@@ -0,0 +1,18 @@
+import type { AgentPluginActivationInput, AgentPluginSummary, AgentPluginFiles, AgentPluginRequestOptions } from './models.js';
+/** Host owns lifecycle effects and authorization. Both list tabs read this same workspace scope. */
+export interface AgentPluginsApiPort {
+    list(required: Record<string, never>, optional?: AgentPluginRequestOptions): Promise<readonly AgentPluginSummary[]>;
+    setEnabled(required: AgentPluginActivationInput, optional?: AgentPluginRequestOptions): Promise<AgentPluginSummary>;
+    files(required: {
+        readonly pluginId: string;
+    }, optional?: AgentPluginRequestOptions): Promise<AgentPluginFiles>;
+}
+export interface AgentPluginsTransportPort {
+    request<T>(required: {
+        readonly path: string;
+        readonly method: 'GET' | 'PATCH';
+        readonly body?: unknown;
+    }, optional?: AgentPluginRequestOptions): Promise<T>;
+}
+export declare const agentPluginsApiToken: import("../core/module/token.js").AdminPortToken<AgentPluginsApiPort, "admin.agent-plugins.api">;
+//# sourceMappingURL=ports.d.ts.map

package/dist/agent-plugins/ports.js

@@ -0,0 +1,3 @@
+import { adminPort } from '../core/module/token.js';
+export const agentPluginsApiToken = adminPort({ id: 'admin.agent-plugins.api' });
+//# sourceMappingURL=ports.js.map

package/dist/agent-plugins/react/components/AgentPluginFileContent.d.ts

@@ -0,0 +1,5 @@
+import type { AgentPluginPackageFile } from '../../models.js';
+export declare function AgentPluginFileContent({ file }: {
+    file: AgentPluginPackageFile;
+}, _optional?: {}): import("react").JSX.Element;
+//# sourceMappingURL=AgentPluginFileContent.d.ts.map

package/dist/agent-plugins/react/components/AgentPluginFileContent.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { Button } from '@jini-ai/ui-kit/react';
+import { useAgentPluginFileContent } from '../hooks/AgentPluginInspector.hooks.js';
+export function AgentPluginFileContent({ file }, _optional = {}) {
+    const vm = useAgentPluginFileContent({ file });
+    return _jsxs("section", { "aria-labelledby": vm.headingId, children: [_jsx("h3", { id: vm.headingId, children: vm.segments.map((segment, i) => _jsxs("span", { children: [segment.text, segment.slash && _jsxs(_Fragment, { children: [_jsx("span", { children: "/" }), _jsx("wbr", {})] })] }, i)) }), vm.hasContent ? _jsxs(_Fragment, { children: [_jsx(Button, { attrs: vm.wrapAttrs, onPress: vm.toggleWrap, children: vm.wrapText }), _jsx("div", { style: vm.codeStyle, children: vm.lines.map(line => _jsxs(Fragment, { children: [_jsxs("span", { "aria-hidden": true, children: [line.number, " "] }), _jsx("code", { style: vm.lineStyle, children: line.text })] }, line.number)) })] }) : _jsx("p", { role: "status", children: vm.notice })] });
+}
+//# sourceMappingURL=AgentPluginFileContent.js.map

package/dist/agent-plugins/react/components/AgentPluginFileTree.d.ts

@@ -0,0 +1,9 @@
+import type { AgentPluginPackageFile } from '../../models.js';
+export declare function AgentPluginFileTree({ files, selectedPath, onOpen }: {
+    files: readonly AgentPluginPackageFile[];
+    selectedPath: string | null;
+    onOpen: (required: {
+        path: string;
+    }) => void;
+}, _optional?: {}): import("react").JSX.Element;
+//# sourceMappingURL=AgentPluginFileTree.d.ts.map

package/dist/agent-plugins/react/components/AgentPluginFileTree.js

@@ -0,0 +1,7 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useAgentPluginFileTree } from '../hooks/AgentPluginInspector.hooks.js';
+export function AgentPluginFileTree({ files, selectedPath, onOpen }, _optional = {}) {
+    const vm = useAgentPluginFileTree({ files, selectedPath, onOpen });
+    return _jsx("div", { ref: vm.treeRef, role: "tree", "aria-label": "Package files", onKeyDown: vm.onKeyDown, children: vm.rows.map(row => _jsxs("div", { role: "treeitem", "aria-label": row.name, "aria-level": row.depth, "aria-setsize": row.setSize, "aria-posinset": row.posInSet, "aria-expanded": row.expanded, "aria-selected": row.selected, tabIndex: row.tabIndex, title: row.path, "data-tree-path": row.path, style: row.indent, onClick: row.onClick, onFocus: row.onFocus, children: [_jsxs("span", { "aria-hidden": true, children: [row.icon, " "] }), row.name] }, row.key)) });
+}
+//# sourceMappingURL=AgentPluginFileTree.js.map

package/dist/agent-plugins/react/components/AgentPluginInspector.d.ts

@@ -0,0 +1,3 @@
+import { type AgentPluginInspectorProps } from '../hooks/AgentPluginInspector.hooks.js';
+export declare function AgentPluginInspector(props: AgentPluginInspectorProps, _optional?: {}): import("react").JSX.Element;
+//# sourceMappingURL=AgentPluginInspector.d.ts.map

package/dist/agent-plugins/react/components/AgentPluginInspector.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, Notice } from '@jini-ai/ui-kit/react';
+import { useAgentPluginInspector } from '../hooks/AgentPluginInspector.hooks.js';
+import { AgentPluginFileTree } from './AgentPluginFileTree.js';
+import { AgentPluginFileContent } from './AgentPluginFileContent.js';
+import { agentPluginsMessagesEn as m } from '../../messages.en.js';
+export function AgentPluginInspector(props, _optional = {}) {
+    const vm = useAgentPluginInspector(props);
+    return _jsx(Dialog, { open: true, title: vm.title, closeLabel: "Close package files", onClose: props.onClose, children: vm.denied ? _jsx(Notice, { tone: "danger", children: m.denied }) : _jsxs(_Fragment, { children: [vm.listNotice && _jsx("p", { role: "note", children: vm.listNotice }), _jsx(AgentPluginFileTree, { files: vm.files, selectedPath: vm.selectedPath, onOpen: vm.select }), vm.selected ? _jsx(AgentPluginFileContent, { file: vm.selected }, vm.selected.relativePath) : vm.status && _jsx("p", { role: vm.status.role, children: vm.status.text })] }) });
+}
+//# sourceMappingURL=AgentPluginInspector.js.map

package/dist/agent-plugins/react/components/AgentPluginListPanel.d.ts

@@ -0,0 +1,6 @@
+import type { TabViewProps } from '../../../react/bind-react.js';
+export declare function AgentPluginListPanel({ props, mode }: {
+    props: TabViewProps;
+    mode: 'installed' | 'downloaded';
+}, _optional?: {}): import("react").JSX.Element;
+//# sourceMappingURL=AgentPluginListPanel.d.ts.map

package/dist/agent-plugins/react/components/AgentPluginListPanel.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Notice, Spinner } from '@jini-ai/ui-kit/react';
+import { useAgentPluginPanel } from '../hooks/AgentPluginPanel.hooks.js';
+import { AgentPluginRow } from './AgentPluginRow.js';
+import { agentPluginsMessagesEn as m } from '../../messages.en.js';
+export function AgentPluginListPanel({ props, mode }, _optional = {}) {
+    const vm = useAgentPluginPanel({ props, mode });
+    return vm.denied ? _jsx(Notice, { tone: "danger", children: m.denied }) : _jsxs("section", { "aria-label": vm.label, children: [_jsx("p", { children: vm.lede }), vm.error && _jsx(Notice, { tone: "danger", children: vm.error }), vm.loading && _jsx(Spinner, { label: m.loading }), vm.actionError && _jsx("p", { role: "alert", children: vm.actionError }), vm.empty && _jsx("p", { role: "status", children: m.empty }), _jsx(Button, { onPress: vm.reload, children: "Reload packages" }), _jsx("ul", { children: vm.rows.map(row => _jsx(AgentPluginRow, { row: row }, row.id)) }), _jsx("p", { id: vm.uninstallNoteId, children: vm.uninstallNotice }), _jsxs("p", { children: ["Package format: ", _jsx("a", { href: vm.specUrl, target: "_blank", rel: "noreferrer", children: "Agent Plugins open standard" })] })] });
+}
+//# sourceMappingURL=AgentPluginListPanel.js.map

package/dist/agent-plugins/react/components/AgentPluginRow.d.ts

@@ -0,0 +1,5 @@
+import type { AgentPluginRowView } from '../hooks/AgentPluginPanel.hooks.js';
+export declare function AgentPluginRow({ row }: {
+    row: AgentPluginRowView;
+}, _optional?: {}): import("react").JSX.Element;
+//# sourceMappingURL=AgentPluginRow.d.ts.map

package/dist/agent-plugins/react/components/AgentPluginRow.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, IconButton, Switch } from '@jini-ai/ui-kit/react';
+import { useAgentPluginRow } from '../hooks/AgentPluginRow.hooks.js';
+export function AgentPluginRow({ row }, _optional = {}) {
+    const vm = useAgentPluginRow({ row });
+    return _jsxs("li", { "data-jini-part": "agent-plugins.row", children: [_jsx("span", { "aria-hidden": true, children: vm.glyph }), _jsxs("h3", { children: [vm.name, " ", vm.version && _jsx("small", { children: vm.version })] }), vm.description && _jsx("p", { children: vm.description }), _jsx(Badge, { children: vm.stateLabel }), vm.installed ? _jsx(Switch, { label: vm.toggleLabel, checked: vm.enabled, disabled: !vm.canWrite || vm.busy, onCheckedChange: vm.toggle }) : _jsx(Button, { attrs: vm.actionAttrs, disabled: !vm.canWrite || vm.busy, pending: vm.busy, onPress: vm.act, children: vm.actionText }), _jsx(Button, { attrs: vm.expandAttrs, onPress: vm.expand, children: "Details" }), _jsx(IconButton, { label: vm.inspectLabel, attrs: vm.inspectAttrs, onPress: vm.inspect, children: "Inspect" }), _jsx(IconButton, { label: vm.uninstallLabel, attrs: vm.uninstallAttrs, disabled: true, children: "Uninstall" }), _jsxs("div", { id: vm.detailId, hidden: vm.detailHidden, children: [vm.description && _jsx("p", { children: vm.description }), vm.hasSkills && _jsxs("section", { "aria-label": "Portable components", children: [_jsx("h4", { children: "Portable components" }), _jsx("ul", { children: vm.skills.map(skill => _jsxs("li", { children: [_jsx("strong", { children: skill.name }), _jsx("p", { children: skill.summary })] }, skill.name)) })] }), vm.hasServers && _jsxs("section", { "aria-label": "MCP servers", children: [_jsx("h4", { children: "MCP servers" }), _jsx("ul", { children: vm.servers.map(id => _jsx("li", { children: id }, id)) })] }), vm.hasKeywords && _jsxs("section", { "aria-label": "Keywords", children: [_jsx("h4", { children: "Keywords" }), _jsx("ul", { children: vm.keywords.map(word => _jsx("li", { children: word }, word)) })] })] })] });
+}
+//# sourceMappingURL=AgentPluginRow.js.map

package/dist/agent-plugins/react/hooks/AgentPluginInspector.hooks.d.ts

@@ -0,0 +1,90 @@
+import { type KeyboardEvent } from 'react';
+import type { AgentPluginPackageFile } from '../../models.js';
+export interface AgentPluginInspectorProps {
+    readonly pluginId: string;
+    readonly name: string;
+    readonly permissions: readonly string[];
+    readonly onClose: (required: Record<string, never>, optional?: Record<string, never>) => void;
+}
+export declare function useAgentPluginInspector({ pluginId, permissions, name }: AgentPluginInspectorProps, _optional?: {}): {
+    title: string;
+    denied: boolean;
+    files: readonly AgentPluginPackageFile[];
+    selected: AgentPluginPackageFile | null;
+    selectedPath: string | null;
+    status: {
+        text: string;
+        role: "alert";
+    } | {
+        text: "Loading package files…";
+        role: "status";
+    } | {
+        text: "No files to show for this plugin.";
+        role: "status";
+    } | null;
+    listNotice: "Some files are not listed: this package is larger than the viewer’s limits." | null;
+    select({ path }: {
+        path: string;
+    }, _optional?: {}): void;
+};
+export declare function useAgentPluginFileTree({ files, selectedPath, onOpen }: {
+    files: readonly AgentPluginPackageFile[];
+    selectedPath: string | null;
+    onOpen: (required: {
+        path: string;
+    }, optional?: Record<string, never>) => void;
+}, _optional?: {}): {
+    treeRef: import("react").RefObject<HTMLDivElement | null>;
+    rows: {
+        key: string;
+        name: string;
+        path: string;
+        depth: number;
+        setSize: number;
+        posInSet: number;
+        expanded: boolean | undefined;
+        selected: boolean | undefined;
+        tabIndex: number;
+        icon: string;
+        indent: {
+            backgroundColor?: string;
+            color?: string;
+            paddingInlineStart: string;
+        };
+        onClick(): void;
+        onFocus(): void;
+    }[];
+    onKeyDown(event: KeyboardEvent<HTMLElement>): void;
+};
+export declare function useAgentPluginFileContent({ file }: {
+    file: NonNullable<ReturnType<typeof useAgentPluginInspector>['selected']>;
+}, _optional?: {}): {
+    headingId: string;
+    path: string;
+    segments: {
+        text: string;
+        slash: boolean;
+    }[];
+    notice: string | null;
+    hasContent: boolean;
+    lines: {
+        text: string;
+        number: number;
+    }[];
+    wrap: boolean;
+    wrapAttrs: {
+        'aria-pressed': boolean;
+    };
+    wrapText: string;
+    codeStyle: {
+        display: string;
+        gridTemplateColumns: string;
+        overflow: string;
+    };
+    lineStyle: {
+        whiteSpace: "pre" | "pre-wrap";
+        overflowWrap: "anywhere" | "normal";
+    };
+    toggleWrap(_required: Record<string, never>, _optional?: {}): void;
+};
+//# sourceMappingURL=AgentPluginInspector.hooks.d.ts.map