@promptbook/cli 0.113.0-9 → 0.114.0-0

package/apps/agents-server/src/components/Homepage/AgentsGraphToolbar.tsx

@@ -1,300 +0,0 @@
-import { Code, FileImage, FileText, type LucideIcon } from 'lucide-react';
-import type { AgentWithVisibility, ConnectionType } from './buildGraphData';
-import { resolveAgentRouteIdentifier } from '../../utils/agentIdentifier';
-
-/**
- * Federated server loading status shown in the graph toolbar.
- *
- * @private function of AgentsGraph
- */
-type FederatedServerStatus = {
-    status: 'loading' | 'success' | 'error';
-    error?: string;
-};
-
-/**
- * Props for the graph toolbar controls.
- *
- * @private function of AgentsGraph
- */
-type AgentsGraphToolbarProps = {
-    readonly agents: AgentWithVisibility[];
-    readonly federatedAgents: AgentWithVisibility[];
-    readonly federatedServersStatus: Record<string, FederatedServerStatus>;
-    readonly filterType: ConnectionType[];
-    readonly selectedServerUrl: string | null;
-    readonly selectedAgentName: string | null;
-    readonly normalizedPublicUrl: string;
-    readonly isDownloadAvailable: boolean;
-    readonly formatText: (text: string) => string;
-    readonly onToggleFilter: (type: ConnectionType) => void;
-    readonly onSelectServerAndAgent: (value: string) => void;
-    readonly onDownloadPng: () => void | Promise<void>;
-    readonly onDownloadSvg: () => void | Promise<void>;
-    readonly onDownloadAscii: () => void | Promise<void>;
-};
-
-/**
- * Metadata for one connection-type toggle.
- *
- * @private function of AgentsGraph
- */
-type FilterToggleOption = {
-    type: ConnectionType;
-    label: string;
-};
-
-/**
- * Metadata for one graph download button.
- *
- * @private function of AgentsGraph
- */
-type DownloadButtonOption = {
-    label: string;
-    title: string;
-    icon: LucideIcon;
-    onClick: () => void | Promise<void>;
-    isEnabled: boolean;
-};
-
-/**
- * Static connection toggles displayed in the toolbar.
- *
- * @private function of AgentsGraph
- */
-const FILTER_TOGGLE_OPTIONS: ReadonlyArray<FilterToggleOption> = [
-    { type: 'inheritance', label: 'Parent' },
-    { type: 'import', label: 'Import' },
-    { type: 'team', label: 'Team' },
-];
-
-/**
- * Resolve the current select value from the active server/agent filters.
- *
- * @private function of AgentsGraph
- */
-function buildSelectionValue(selectedServerUrl: string | null, selectedAgentName: string | null): string {
-    if (selectedAgentName) {
-        return `${selectedServerUrl}|${selectedAgentName}`;
-    }
-
-    if (selectedServerUrl === 'ALL') {
-        return 'ALL';
-    }
-
-    if (selectedServerUrl) {
-        return `SERVER:${selectedServerUrl}`;
-    }
-
-    return '';
-}
-
-/**
- * Group federated agents by their server URL so each optgroup can render in one pass.
- *
- * @private function of AgentsGraph
- */
-function groupFederatedAgentsByServer(
-    federatedAgents: ReadonlyArray<AgentWithVisibility>,
-): ReadonlyMap<string, AgentWithVisibility[]> {
-    const agentsByServerUrl = new Map<string, AgentWithVisibility[]>();
-
-    federatedAgents.forEach((agent) => {
-        const serverUrl = agent.serverUrl;
-        if (!serverUrl) {
-            return;
-        }
-
-        const serverAgents = agentsByServerUrl.get(serverUrl) || [];
-        serverAgents.push(agent);
-        agentsByServerUrl.set(serverUrl, serverAgents);
-    });
-
-    return agentsByServerUrl;
-}
-
-/**
- * Format the select-group label for one federated server.
- *
- * @private function of AgentsGraph
- */
-function formatServerGroupLabel(serverUrl: string, status: FederatedServerStatus): string {
-    const normalizedLabel = serverUrl.replace(/^https?:\/\//, '');
-
-    if (status.status === 'loading') {
-        return `${normalizedLabel} (loading...)`;
-    }
-
-    if (status.status === 'error') {
-        return `${normalizedLabel} (error)`;
-    }
-
-    return normalizedLabel;
-}
-
-/**
- * Resolve the visible label for one agent option.
- *
- * @private function of AgentsGraph
- */
-function getAgentOptionLabel(agent: AgentWithVisibility): string {
-    return agent.meta.fullname || agent.agentName;
-}
-
-/**
- * Resolve the stable option value used to focus one graph agent.
- *
- * @private function of AgentsGraph
- */
-function getAgentOptionIdentifier(agent: AgentWithVisibility): string {
-    return resolveAgentRouteIdentifier(agent);
-}
-
-/**
- * Build the button className shared by all download buttons.
- *
- * @private function of AgentsGraph
- */
-function buildDownloadButtonClassName(isEnabled: boolean): string {
-    return `flex items-center gap-1.5 rounded-md border px-2 py-1 text-xs font-medium transition-colors ${
-        isEnabled
-            ? 'border-slate-200 bg-white text-slate-700 hover:border-slate-300'
-            : 'border-slate-100 bg-slate-50 text-slate-300 cursor-not-allowed'
-    }`;
-}
-
-/**
- * Render the AgentsGraph toolbar with filter and export controls.
- *
- * @private function of AgentsGraph
- */
-export function AgentsGraphToolbar(props: AgentsGraphToolbarProps) {
-    const {
-        agents,
-        federatedAgents,
-        federatedServersStatus,
-        filterType,
-        selectedServerUrl,
-        selectedAgentName,
-        normalizedPublicUrl,
-        isDownloadAvailable,
-        formatText,
-        onToggleFilter,
-        onSelectServerAndAgent,
-        onDownloadPng,
-        onDownloadSvg,
-        onDownloadAscii,
-    } = props;
-
-    const selectionValue = buildSelectionValue(selectedServerUrl, selectedAgentName);
-    const isClearFocusVisible = Boolean(selectedAgentName || selectedServerUrl);
-    const federatedAgentsByServer = groupFederatedAgentsByServer(federatedAgents);
-    const downloadButtons: ReadonlyArray<DownloadButtonOption> = [
-        {
-            label: 'PNG',
-            title: 'Download graph as PNG',
-            icon: FileImage,
-            onClick: onDownloadPng,
-            isEnabled: isDownloadAvailable,
-        },
-        {
-            label: 'SVG',
-            title: 'Download graph as SVG',
-            icon: Code,
-            onClick: onDownloadSvg,
-            isEnabled: isDownloadAvailable,
-        },
-        {
-            label: 'ASCII',
-            title: 'Download graph as ASCII',
-            icon: FileText,
-            onClick: onDownloadAscii,
-            isEnabled: isDownloadAvailable,
-        },
-    ];
-
-    return (
-        <div className="flex flex-wrap items-center gap-4 rounded-xl border border-slate-200 bg-white/90 p-4 shadow-sm">
-            <div className="flex flex-wrap items-center gap-4">
-                <div className="flex items-center gap-2">
-                    <span className="text-sm font-medium text-gray-700">Show connections:</span>
-                    {FILTER_TOGGLE_OPTIONS.map(({ label, type }) => (
-                        <label key={type} className="flex items-center gap-1 cursor-pointer">
-                            <input
-                                type="checkbox"
-                                checked={filterType.includes(type)}
-                                onChange={() => onToggleFilter(type)}
-                                className="rounded text-blue-600"
-                            />
-                            <span className="text-sm">{label}</span>
-                        </label>
-                    ))}
-                </div>
-
-                <div className="flex items-center gap-2">
-                    <span className="text-sm font-medium text-gray-700">Filter:</span>
-                    <select
-                        value={selectionValue}
-                        onChange={(event) => onSelectServerAndAgent(event.target.value)}
-                        className="text-sm border rounded-md p-1 bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    >
-                        <option value="">{formatText('All Agents')}</option>
-                        <optgroup label="This Server">
-                            <option value={`SERVER:${normalizedPublicUrl}`}>Entire This Server</option>
-                            {agents.map((agent) => {
-                                const agentIdentifier = getAgentOptionIdentifier(agent);
-
-                                return (
-                                    <option key={agentIdentifier} value={`${normalizedPublicUrl}|${agentIdentifier}`}>
-                                        {getAgentOptionLabel(agent)}
-                                    </option>
-                                );
-                            })}
-                        </optgroup>
-                        {Object.entries(federatedServersStatus).map(([serverUrl, status]) => (
-                            <optgroup key={serverUrl} label={formatServerGroupLabel(serverUrl, status)}>
-                                <option value={`SERVER:${serverUrl}`}>Entire Server</option>
-                                {(federatedAgentsByServer.get(serverUrl) || []).map((agent) => {
-                                    const agentIdentifier = getAgentOptionIdentifier(agent);
-
-                                    return (
-                                        <option key={agentIdentifier} value={`${serverUrl}|${agentIdentifier}`}>
-                                            {getAgentOptionLabel(agent)}
-                                        </option>
-                                    );
-                                })}
-                            </optgroup>
-                        ))}
-                    </select>
-                </div>
-
-                {isClearFocusVisible && (
-                    <button
-                        type="button"
-                        onClick={() => onSelectServerAndAgent('')}
-                        className="text-xs text-blue-600 hover:underline"
-                    >
-                        Clear focus
-                    </button>
-                )}
-            </div>
-
-            <div className="flex flex-wrap items-center gap-2 sm:ml-auto">
-                <span className="text-xs font-medium text-slate-500">Download:</span>
-                {downloadButtons.map(({ icon: Icon, isEnabled, label, onClick, title }) => (
-                    <button
-                        key={label}
-                        type="button"
-                        onClick={onClick}
-                        disabled={!isEnabled}
-                        className={buildDownloadButtonClassName(isEnabled)}
-                        title={title}
-                    >
-                        <Icon className="w-4 h-4" />
-                        {label}
-                    </button>
-                ))}
-            </div>
-        </div>
-    );
-}

package/apps/agents-server/src/components/Homepage/AgentsListViewContent.tsx

@@ -1,383 +0,0 @@
-'use client';
-
-import dynamic from 'next/dynamic';
-import { GraphLoadingSkeleton } from '../Skeleton/GraphLoadingSkeleton';
-import type { AgentOrganizationAgent, AgentOrganizationFolder } from '../../utils/agentOrganization/types';
-import type { HomeViewMode } from './homeViewMode';
-import type { AgentWithVisibility, FederatedServerStatus } from './useFederatedAgents';
-import { AgentsListListView } from './AgentsListListView';
-import type { DragItem } from './DragItem';
-import type { DropIndicator } from './DropIndicator';
-import type { AgentBasicInformation } from '../../../../../src/book-2.0/agent-source/AgentBasicInformation';
-import { string_url } from '@promptbook-local/types';
-import type { ComponentProps } from 'react';
-import { DndContext } from '@dnd-kit/core';
-
-/**
- * Props for rendering the active `AgentsList` view.
- *
- * @private function of AgentsList
- */
-type AgentsListViewContentProps = {
-    /**
-     * Agent currently shown in the drag overlay.
-     */
-    readonly activeAgent: AgentOrganizationAgent | null;
-    /**
-     * Current drag item type, if any.
-     */
-    readonly activeDragItemType: DragItem['type'] | null;
-    /**
-     * Folder currently shown in the drag overlay.
-     */
-    readonly activeFolder: AgentOrganizationFolder | null;
-    /**
-     * All local agents.
-     */
-    readonly agents: AgentOrganizationAgent[];
-    /**
-     * Whether full-card drag gestures should be enabled.
-     */
-    readonly allowFullCardDrag: boolean;
-    /**
-     * Whether organization actions are available.
-     */
-    readonly canOrganize: boolean;
-    /**
-     * Folder currently used for Add Agent actions.
-     */
-    readonly currentFolderId: number | null;
-    /**
-     * Label announced for draggable agents.
-     */
-    readonly dragAgentLabel: string;
-    /**
-     * Label announced for draggable folders.
-     */
-    readonly dragFolderLabel: string;
-    /**
-     * Current folder drop indicator.
-     */
-    readonly dropIndicator: DropIndicator | null;
-    /**
-     * Federated agents shown in non-list views.
-     */
-    readonly federatedAgents: AgentWithVisibility[];
-    /**
-     * Per-server load/error state for federated data.
-     */
-    readonly federatedServersStatus: Record<string, FederatedServerStatus>;
-    /**
-     * All local folders.
-     */
-    readonly folders: AgentOrganizationFolder[];
-    /**
-     * Builds drag ids for agent cards.
-     */
-    readonly getAgentDragId: (identifier: string) => string;
-    /**
-     * Builds drag ids for folder cards.
-     */
-    readonly getFolderDragId: (folderId: number) => string;
-    /**
-     * Returns preview agents for one folder card.
-     */
-    readonly getFolderPreviewAgents: (folderId: number) => AgentBasicInformation[];
-    /**
-     * Handles agent context-menu requests.
-     */
-    readonly handleAgentContextMenu: ComponentProps<typeof AgentsListListView>['handleAgentContextMenu'];
-    /**
-     * Deletes one agent.
-     */
-    readonly handleDelete: (agentIdentifier: string) => Promise<void>;
-    /**
-     * Deletes one folder.
-     */
-    readonly handleDeleteFolder: (folderId: number) => Promise<void>;
-    /**
-     * dnd-kit drag-cancel handler.
-     */
-    readonly handleDragCancel: ComponentProps<typeof DndContext>['onDragCancel'];
-    /**
-     * dnd-kit drag-end handler.
-     */
-    readonly handleDragEnd: ComponentProps<typeof DndContext>['onDragEnd'];
-    /**
-     * dnd-kit drag-over handler.
-     */
-    readonly handleDragOver: ComponentProps<typeof DndContext>['onDragOver'];
-    /**
-     * dnd-kit drag-start handler.
-     */
-    readonly handleDragStart: ComponentProps<typeof DndContext>['onDragStart'];
-    /**
-     * Imports dropped book files or ZIP archives directly into one folder.
-     */
-    readonly handleAgentsFileDropIntoFolder: ComponentProps<typeof AgentsListListView>['handleAgentsFileDropIntoFolder'];
-    /**
-     * Handles folder context-menu requests.
-     */
-    readonly handleFolderContextMenu: ComponentProps<typeof AgentsListListView>['handleFolderContextMenu'];
-    /**
-     * Opens the folder rename flow.
-     */
-    readonly handleRenameFolder: (folderId: number) => void;
-    /**
-     * Opens the agent visibility dialog.
-     */
-    readonly handleRequestAgentVisibilityChange: (agentIdentifier: string) => Promise<void>;
-    /**
-     * Whether add-agent actions should be shown.
-     */
-    readonly isAdmin: boolean;
-    /**
-     * Office-view subset of agents.
-     */
-    readonly officeAgents: AgentOrganizationAgent[];
-    /**
-     * Maze-view subset of agents.
-     */
-    readonly mazeAgents: AgentOrganizationAgent[];
-    /**
-     * Office-view subset of folders.
-     */
-    readonly officeFolders: AgentOrganizationFolder[];
-    /**
-     * Navigates to a folder scope.
-     */
-    readonly onNavigateToFolder: (folderId: number | null) => void;
-    /**
-     * Optional parent-folder shortcut card shown at the top of list view.
-     */
-    readonly parentFolderInfo: { readonly id: number | null; readonly label: string } | null;
-    /**
-     * Public server URL forwarded to views.
-     */
-    readonly publicUrl: string_url;
-    /**
-     * dnd-kit sensors array.
-     */
-    readonly sensors: ComponentProps<typeof DndContext>['sensors'];
-    /**
-     * Currently active homepage view mode.
-     */
-    readonly viewMode: HomeViewMode;
-    /**
-     * Drag ids of the visible agent cards.
-     */
-    readonly visibleAgentDragIds: string[];
-    /**
-     * Agents visible in the current folder.
-     */
-    readonly visibleAgents: AgentOrganizationAgent[];
-    /**
-     * Drag ids of the visible folder cards.
-     */
-    readonly visibleFolderDragIds: string[];
-    /**
-     * Folders visible in the current folder.
-     */
-    readonly visibleFolders: AgentOrganizationFolder[];
-};
-
-/**
- * Deferred graph chunk loaded only when the graph view is active.
- *
- * @private function of AgentsList
- */
-const DeferredAgentsGraph = dynamic(() => import('./AgentsGraph').then((mod) => mod.AgentsGraph), {
-    ssr: false,
-    loading: () => <GraphLoadingSkeleton />,
-});
-
-/**
- * Deferred office chunk loaded only when the office view is active.
- *
- * @private function of AgentsList
- */
-const DeferredAgentsOffice = dynamic(() => import('./AgentsOffice').then((mod) => mod.AgentsOffice), {
-    ssr: false,
-    loading: () => <GraphLoadingSkeleton />,
-});
-
-/**
- * Deferred maze-office chunk loaded only when the maze view is active.
- *
- * @private function of AgentsList
- */
-const DeferredAgentsMazeOffice = dynamic(
-    () => import('./AgentsMazeOffice').then((mod) => mod.AgentsMazeOffice),
-    {
-        ssr: false,
-        loading: () => <GraphLoadingSkeleton />,
-    },
-);
-
-/**
- * Deferred pixel-office chunk loaded only when the pixel-office view is active.
- *
- * @private function of AgentsList
- */
-const DeferredAgentsPixelOffice = dynamic(
-    () => import('./AgentsPixelOffice').then((mod) => mod.AgentsPixelOffice),
-    {
-        ssr: false,
-        loading: () => <GraphLoadingSkeleton />,
-    },
-);
-
-/**
- * Adds the local server URL to agent records consumed by the graph view.
- *
- * @param agents - Local agents rendered in the graph.
- * @param publicUrl - Current public server URL.
- * @returns Local agents augmented with a canonical serverUrl value.
- *
- * @private function of AgentsList
- */
-function mapGraphAgents(agents: ReadonlyArray<AgentOrganizationAgent>, publicUrl: string_url): AgentWithVisibility[] {
-    const normalizedServerUrl = publicUrl.replace(/\/$/, '');
-    return agents.map((agent) => ({ ...agent, serverUrl: normalizedServerUrl }));
-}
-
-/**
- * Renders the active list/graph/office homepage surface for `AgentsList`.
- *
- * @param props - Active view state and view-specific callbacks.
- * @returns The currently selected homepage view.
- *
- * @private function of AgentsList
- */
-export function AgentsListViewContent({
-    activeAgent,
-    activeDragItemType,
-    activeFolder,
-    agents,
-    allowFullCardDrag,
-    canOrganize,
-    currentFolderId,
-    dragAgentLabel,
-    dragFolderLabel,
-    dropIndicator,
-    federatedAgents,
-    federatedServersStatus,
-    folders,
-    getAgentDragId,
-    getFolderDragId,
-    getFolderPreviewAgents,
-    handleAgentContextMenu,
-    handleDelete,
-    handleDeleteFolder,
-    handleDragCancel,
-    handleDragEnd,
-    handleDragOver,
-    handleDragStart,
-    handleAgentsFileDropIntoFolder,
-    handleFolderContextMenu,
-    handleRenameFolder,
-    handleRequestAgentVisibilityChange,
-    isAdmin,
-    mazeAgents,
-    officeAgents,
-    officeFolders,
-    onNavigateToFolder,
-    parentFolderInfo,
-    publicUrl,
-    sensors,
-    viewMode,
-    visibleAgentDragIds,
-    visibleAgents,
-    visibleFolderDragIds,
-    visibleFolders,
-}: AgentsListViewContentProps) {
-    if (viewMode === 'LIST') {
-        return (
-            <AgentsListListView
-                activeAgent={activeAgent}
-                activeDragItemType={activeDragItemType}
-                activeFolder={activeFolder}
-                allowFullCardDrag={allowFullCardDrag}
-                canOrganize={canOrganize}
-                currentFolderId={currentFolderId}
-                dragAgentLabel={dragAgentLabel}
-                dragFolderLabel={dragFolderLabel}
-                dropIndicator={dropIndicator}
-                getAgentDragId={getAgentDragId}
-                getFolderDragId={getFolderDragId}
-                getFolderPreviewAgents={getFolderPreviewAgents}
-                handleAgentContextMenu={handleAgentContextMenu}
-                handleDelete={handleDelete}
-                handleDeleteFolder={handleDeleteFolder}
-                handleDragCancel={handleDragCancel}
-                handleDragEnd={handleDragEnd}
-                handleDragOver={handleDragOver}
-                handleDragStart={handleDragStart}
-                handleAgentsFileDropIntoFolder={handleAgentsFileDropIntoFolder}
-                handleFolderContextMenu={handleFolderContextMenu}
-                handleRenameFolder={handleRenameFolder}
-                handleRequestAgentVisibilityChange={handleRequestAgentVisibilityChange}
-                isAdmin={isAdmin}
-                onNavigateToFolder={onNavigateToFolder}
-                parentFolderInfo={parentFolderInfo}
-                publicUrl={publicUrl}
-                sensors={sensors}
-                visibleAgentDragIds={visibleAgentDragIds}
-                visibleAgents={visibleAgents}
-                visibleFolderDragIds={visibleFolderDragIds}
-                visibleFolders={visibleFolders}
-            />
-        );
-    }
-
-    if (viewMode === 'GRAPH') {
-        return (
-            <div className="w-full">
-                <DeferredAgentsGraph
-                    agents={mapGraphAgents(agents, publicUrl)}
-                    federatedAgents={federatedAgents}
-                    federatedServersStatus={federatedServersStatus}
-                    publicUrl={publicUrl}
-                    folders={folders}
-                />
-            </div>
-        );
-    }
-
-    if (viewMode === 'OFFICE') {
-        return (
-            <div className="w-full">
-                <DeferredAgentsOffice
-                    agents={officeAgents}
-                    federatedAgents={federatedAgents}
-                    publicUrl={publicUrl}
-                    folders={officeFolders}
-                />
-            </div>
-        );
-    }
-
-    if (viewMode === 'MAZE') {
-        return (
-            <div className="w-full">
-                <DeferredAgentsMazeOffice
-                    agents={mazeAgents}
-                    federatedAgents={federatedAgents}
-                    publicUrl={publicUrl}
-                    folders={officeFolders}
-                />
-            </div>
-        );
-    }
-
-    return (
-        <div className="w-full">
-            <DeferredAgentsPixelOffice
-                agents={officeAgents}
-                federatedAgents={federatedAgents}
-                publicUrl={publicUrl}
-                folders={officeFolders}
-            />
-        </div>
-    );
-}