@parhelia/core 0.1.12602 → 0.1.12614

package/dist/types.d.ts

@@ -56,7 +56,7 @@ export type EditSession = {
     color: string;
 };
 export type EditOperation = {
-    type: "edit-field" | "remove-component" | "move-component" | "add-component" | "synchronize-components" | "link-component" | "duplicate-components" | "rename-item" | "change-template" | "create-item" | "delete-items" | "add-version" | "remove-version" | "move-items" | "copy-items" | "import-items" | "convert-to-shared";
+    type: "edit-field" | "remove-component" | "move-component" | "add-component" | "synchronize-components" | "link-component" | "duplicate-components" | "rename-item" | "change-template" | "create-item" | "delete-items" | "add-version" | "remove-version" | "move-items" | "copy-items" | "import-items" | "publish-item" | "convert-to-shared" | "update-rendering-parameters";
     date: string;
     id: string;
     user?: User;
@@ -76,6 +76,12 @@ export type EditOperation = {
     focus?: string;
     mainItem: ItemDescriptor;
     mainItemPath?: string;
+    /** Populated when the server completes copy/create flows (e.g. for selection / terminal waiters). */
+    createdItemIds?: string[];
+    /** Source items for copy-items / move-items style operations. */
+    sourceItemIds?: string[];
+    /** Destination parent for copy-items / move-items. */
+    targetParentId?: string;
     agentId?: string;
     toolCallId?: string;
     /** Execution status for long-running operations: pending, executing, completed, or failed */
@@ -156,6 +162,7 @@ export type CreateItemOperation = EditOperation & {
 export type DeleteItemsOperation = EditOperation & {
     type: "delete-items";
     items: ItemDescriptor[];
+    hardDelete?: boolean;
 };
 export type MoveItemsOperation = EditOperation & {
     type: "move-items";
@@ -183,6 +190,18 @@ export type ImportItemsOperation = EditOperation & {
     failureCount?: number;
     summary?: string;
 };
+export type PublishMode = "smart" | "republish";
+export type PublishItemOperation = EditOperation & {
+    type: "publish-item";
+    item: ItemDescriptor;
+    targetDatabases: string[];
+    languages: string[];
+    publishMode: PublishMode;
+    includeSubitems: boolean;
+    publishRelatedItems: boolean;
+    publishedTargets?: string[];
+    publishedLanguages?: string[];
+};
 export type AddVersionOperation = EditOperation & {
     type: "add-version";
     item: ItemDescriptor;
@@ -198,14 +217,16 @@ export type ConvertToSharedOperation = EditOperation & {
     componentId: string;
     targetFolderId?: string;
 };
+export type UpdateRenderingParametersOperation = EditOperation & {
+    type: "update-rendering-parameters";
+    componentId: string;
+    parameters: Record<string, string | null>;
+    previousParameters?: Record<string, string | null>;
+};
 export type PlaceholderToSynchronize = {
     name?: string;
     item?: ItemDescriptor | null;
 };
-/** @deprecated Use WorkspaceSettings instead */
-export type View = {
-    name: string;
-};
 /**
  * Workspace settings from Sitecore, containing available sidebars for this workspace.
  */
@@ -219,8 +240,6 @@ export type UserInfo = {
     user: User;
     /** Workspace settings with nested sidebars - use this for new code */
     workspaces?: WorkspaceSettings[];
-    /** @deprecated Use workspaces instead */
-    views: View[];
     browseHistory?: UserBrowseHistoryEntry[];
     preferences: UserPreferences;
 };
@@ -234,11 +253,9 @@ export type User = {
     isAdministrator?: boolean;
 };
 export type UserPreferences = {
-    pinnedViews?: string[];
     pinnedSidebars?: string[];
     showLabels?: boolean;
-    /** @deprecated Use showLabels instead */
-    showViewNames?: boolean;
+    showDisplayNames?: boolean;
     showComponentNavigator?: boolean;
     showAgentsPanel?: boolean;
     showMinimap?: boolean;
@@ -246,6 +263,10 @@ export type UserPreferences = {
     gutterVisibility?: string[];
     gutterShowBadges?: boolean;
     lockedSidebars?: string[];
+    /** When true, the editor form (right panel) is kept hidden across selections/slots. Toggled from the main toolbar. */
+    editorFormHidden?: boolean;
+    /** Set to true once the user has seen the first-time hint explaining how to re-open the editor form. */
+    editorFormHintSeen?: boolean;
     /** Last selected target folder for AI image jobs (Sitecore media folder item ID) */
     aiImageTargetFolderId?: string;
 };
@@ -272,8 +293,6 @@ export type NavigationHistoryEntry = {
     itemName?: string;
     itemPath?: string;
     itemIcon?: string;
-    /** @deprecated Use workspaceId instead */
-    viewName?: string;
 };
 export type UserBrowseHistoryEntry = {
     id: number;
@@ -292,6 +311,8 @@ export type FieldHistoryItem = {
     date: string;
     ai: boolean;
     agentId?: string;
+    isBaseline?: boolean;
+    itemHistoryIndex?: number;
     value: unknown;
     rawValue: string;
     version: number;
@@ -340,11 +361,26 @@ export type InsertOption = {
     message?: string;
     isHidden: any;
     compatibleTypeIds?: string[];
+    isCommandTemplate?: boolean;
     action?: InsertAction;
 };
 export type LanguagesAndVersions = {
     languages: LanguageVersions[];
     versions: Version[];
+    itemPublishingRestrictions?: {
+        neverPublish: boolean;
+        neverPublishFieldId?: string | null;
+        publish?: string | null;
+        publishFieldId?: string | null;
+        unpublish?: string | null;
+        unpublishFieldId?: string | null;
+    };
+    publishingTargets?: {
+        name: string;
+        targetDatabase: string;
+        status: string;
+        message: string;
+    }[];
 };
 export type IndexStatus = {
     numberOfIndexedItems: number;
@@ -412,6 +448,12 @@ export type CollectionStatus = {
     subPhase?: string;
     currentItem?: string;
     currentBatch?: number;
+    /**
+     * Non-fatal warnings from staging / real-time indexing, e.g. text truncated
+     * to fit the embedding model's max input tokens. Shown on the index status
+     * page instead of the Sitecore log.
+     */
+    recentWarnings?: string[];
 };
 export type CombinedIndexStatus = {
     indexStatus: IndexStatus | null;
@@ -454,6 +496,7 @@ export type CommentRelatedItem = {
 export type Comment = {
     id: string;
     isNew: boolean;
+    parentCommentId?: string;
     itemId: string;
     itemName?: string;
     mainItemName?: string;
@@ -469,32 +512,17 @@ export type Comment = {
     author?: string;
     authorDisplayName?: string;
     created?: string;
+    tags?: string;
     isResolved?: boolean;
     resolvedBy?: string;
     resolvedDate?: string;
     position: number;
-    tags?: string;
     relatedItems?: CommentRelatedItem[];
 };
 export type CommentTag = {
     label: string;
     color: string;
 };
-export type Reviewer = {
-    name: string;
-    email: string;
-};
-export type Review = {
-    id: string;
-    reviewerName: string;
-    reviewerEmail: string;
-    itemId: string;
-    language: string;
-    version: number;
-    invitationSentDate?: string;
-    approvalDate?: string;
-    rejectedDate?: string;
-};
 export type ReviewWithPages = {
     reviewId: string;
     collectionId: string;
@@ -509,6 +537,7 @@ export type ReviewWithPages = {
     requiresSecret?: boolean;
     requiredApprovals?: number;
     updateWorkflowOnCompletion?: boolean;
+    shareCommentsAndSuggestions?: boolean;
 };
 export type ReviewAssignment = {
     assignmentId: string;
@@ -522,6 +551,11 @@ export type ReviewAssignment = {
     decisions?: ItemDecision[];
     secretValidated?: boolean;
 };
+/** Review header plus assignments (e.g. from GET /parhelia/reviews/index). */
+export type ReviewWithAssignments = {
+    review: ReviewWithPages;
+    assignments: ReviewAssignment[];
+};
 export type ItemDecision = {
     decisionId: string;
     assignmentId: string;
@@ -564,7 +598,6 @@ export type ReviewListItem = {
 };
 export type CreateReviewRequest = {
     title?: string;
-    language?: string;
     languages?: string[];
     reviewers: ReviewerInfo[];
     items: ItemWithSubtree[];
@@ -572,6 +605,7 @@ export type CreateReviewRequest = {
     secret?: string;
     requiredApprovals?: number;
     updateWorkflowOnCompletion?: boolean;
+    shareCommentsAndSuggestions?: boolean;
 };
 export type ReviewerInfo = {
     name: string;
@@ -590,6 +624,8 @@ export type SystemStatus = {
     messages: SystemStatusMessage[];
     settingsExist: boolean;
     setupComplete: boolean;
+    currentSiteName?: string;
+    shellSiteResolved?: boolean;
 };
 export type ParheliaSettings = {
     itemNameValidation?: string;
@@ -609,6 +645,15 @@ export type SamplePrompt = {
     description: string;
     prompt: string;
 };
+export type HomeQuickAction = {
+    id: string;
+    title: string;
+    description: string;
+    svgIcon?: string;
+    commandType: string;
+    sortOrder: number;
+    settings: Record<string, unknown>;
+};
 export type AiTextEditPrompt = {
     id: string;
     label: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parhelia/core",
-  "version": "0.1.12602",
+  "version": "0.1.12614",
   "publishConfig": {
     "access": "public"
   },
@@ -27,22 +27,27 @@
   "type": "module",
   "scripts": {
     "build": "tsc -p tsconfig.build.json && copyfiles -u 1 \"src/**/*.css\" dist",
+    "build:native": "tsgo -p tsconfig.build.json && copyfiles -u 1 \"src/**/*.css\" dist",
     "lint": "eslint . ",
-    "check-types": "tsc --noEmit -p tsconfig.build.json"
+    "check-types": "tsc --noEmit -p tsconfig.build.json",
+    "check-types:native": "tsgo --noEmit -p tsconfig.build.json"
   },
   "devDependencies": {
     "@repo/eslint-config": "*",
     "@repo/typescript-config": "*",
     "@tailwindcss/postcss": "^4.1.18",
+    "@types/d3-hierarchy": "^3.1.7",
+    "@types/dompurify": "^3.0.5",
     "@types/node": "^22.13.9",
-    "@types/react": "19.2.2",
-    "@types/react-dom": "19.2.2",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
     "copyfiles": "^2.4.1",
     "eslint": "^9.22.0",
     "tailwindcss": "^4.1.18",
     "typescript": "5.8.2"
   },
   "dependencies": {
+    "@dagrejs/dagre": "^2.0.4",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-checkbox": "^1.3.2",
     "@radix-ui/react-context-menu": "^2.2.7",
@@ -55,29 +60,28 @@
     "@radix-ui/react-slot": "^1.1.2",
     "@radix-ui/react-switch": "^1.2.5",
     "@radix-ui/react-tooltip": "^1.2.7",
+    "@radix-ui/react-visually-hidden": "^1.1.2",
     "@types/diff": "^7.0.2",
     "@types/lodash": "^4.17.16",
-    "@uiw/react-md-editor": "^4.0.5",
     "@uiw/react-textarea-code-editor": "^3.1.1",
-    "axios": "^1.6.7",
+    "@xyflow/react": "^12.10.1",
+    "axios": "^1.13.6",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
-    "diff": "^7.0.0",
+    "diff": "^8.0.4",
+    "dompurify": "^3.3.3",
     "html-entities": "^2.6.0",
+    "html2canvas-pro": "^2.0.2",
     "lucide-react": "^0.486.0",
     "morphdom": "^2.7.5",
-    "next": "16.0.10",
-    "next-themes": "^0.4.6",
     "postcss": "^8.5.3",
-    "quill": "^2.0.3",
-    "react": "19.2.3",
+    "react": "19.2.4",
     "react-day-picker": "^9.8.0",
-    "react-dom": "19.2.3",
+    "react-dom": "19.2.4",
     "react-inspector": "^6.0.2",
     "react-json-view-lite": "^2.4.1",
-    "react-quill-new": "^3.4.1",
     "react-uuid": "^2.0.0",
     "slate": "^0.117.2",
     "slate-dom": "^0.117.4",
@@ -90,7 +94,7 @@
     "use-debounce": "^10.0.4"
   },
   "overrides": {
-    "@types/react": "19.2.2",
-    "@types/react-dom": "19.2.2"
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3"
   }
 }

package/styles.css

@@ -28,6 +28,9 @@
 
 html,
 body {
+  height: 100%;
+  overflow: hidden;
+  overscroll-behavior: none;
   font-family:
     var(--font-inter),
     Inter,
@@ -658,6 +661,31 @@ body {
     }
   }
 
+  @keyframes text-shimmer {
+    0% {
+      background-position: 200% center;
+    }
+    100% {
+      background-position: -200% center;
+    }
+  }
+
+  .animate-text-shimmer {
+    background: linear-gradient(
+      90deg,
+      currentColor 0%,
+      currentColor 40%,
+      rgba(147, 157, 184, 0.5) 50%,
+      currentColor 60%,
+      currentColor 100%
+    );
+    background-size: 200% 100%;
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    animation: text-shimmer 2s ease-in-out infinite;
+  }
+
   .p-tooltip-text {
     padding: 5px;
     font-size: 12px;
@@ -966,23 +994,19 @@ body {
   animation-name: slide-in-from-left;
 }
 
-/* ViewTransition animations for Parhelia Assistant Chat */
-::view-transition-old(.slide-fade-in) {
-  animation: 200ms cubic-bezier(0.4, 0, 0.2, 1) both fade-out;
-}
-
-::view-transition-new(.slide-fade-in) {
-  animation: 400ms cubic-bezier(0.4, 0, 0.2, 1) both slide-fade-in-animation;
+/* View slide-in animation */
+.animate-view-slide-in {
+  animation: 400ms cubic-bezier(0.16, 1, 0.3, 1) both view-slide-in;
 }
 
-@keyframes slide-fade-in-animation {
+@keyframes view-slide-in {
   from {
     opacity: 0;
-    transform: translateY(20px);
+    transform: translateX(20px);
   }
   to {
     opacity: 1;
-    transform: translateY(0);
+    transform: translateX(0);
   }
 }
 
@@ -1044,3 +1068,8 @@ body {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1), ease-in-out;
   transition-delay: 0.8s, 0s;
 }
+
+
+.licensing-background-pattern {
+  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fillRule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+}

package/dist/editor/ComponentInfo.d.ts

@@ -1,4 +0,0 @@
-import { Component } from "./pageModel";
-export declare function ComponentInfo({ component }: {
-    component: Component | null;
-}): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/ComponentInfo.js

@@ -1,41 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { CopyButton } from "../components/ui/copy-button";
-import { Section } from "./ui/Section";
-import { useEditContext } from "./client/editContext";
-export function ComponentInfo({ component }) {
-    if (!component)
-        return null;
-    const editContext = useEditContext();
-    const [layoutItem, setLayoutItem] = useState();
-    const [dataSourceItem, setDataSourceItem] = useState();
-    useEffect(() => {
-        if (!component.layoutId) {
-            setLayoutItem(undefined);
-            return;
-        }
-        editContext.itemsRepository
-            .getItem({
-            id: component.layoutId,
-            language: editContext.currentItemDescriptor.language,
-            version: 0,
-        })
-            .then(setLayoutItem);
-    }, [component.layoutId]);
-    useEffect(() => {
-        async function loadDataSourceItem() {
-            if (!component?.datasourceItem) {
-                setDataSourceItem(undefined);
-                return;
-            }
-            const item = await editContext.itemsRepository.getItem(component.datasourceItem);
-            setDataSourceItem(item);
-        }
-        loadDataSourceItem();
-    }, [component.datasourceItem]);
-    const hostingPageItem = layoutItem ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "font-bold", children: "Source:" }), _jsxs("div", { children: [layoutItem.path, " ID: ", layoutItem.id] })] })) : null;
-    const linkedComponent = component.datasourceItem ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "font-bold", children: "Source:" }), _jsxs("div", { children: [dataSourceItem?.path, " (", dataSourceItem?.id, ")"] })] })) : null;
-    return (_jsxs("div", { children: [_jsx("h2", { className: "text-l my-2 px-3 py-3 font-bold", children: component.name }), _jsx(Section, { title: "Info", children: _jsxs("div", { className: "grid grid-cols-[min-content_1fr] gap-3 bg-gray-100 text-xs", children: [_jsx("div", { className: "font-bold", children: "ID:" }), _jsxs("div", { className: "flex items-center gap-1", children: [component.id, " ", _jsx(CopyButton, { textToCopy: component.id, iconOnly: true })] }), _jsx("div", { className: "font-bold", children: "Template" }), _jsxs("div", { children: ["(", component.datasourceItem?.templateId, component.datasourceItem && (_jsx(CopyButton, { textToCopy: component.datasourceItem.templateId, iconOnly: true })), ")"] }), _jsx("div", { className: "font-bold", children: "Languages" }), _jsx("div", { children: dataSourceItem?.translations?.join(", ") }), hostingPageItem, linkedComponent] }) })] }));
-}
-//# sourceMappingURL=ComponentInfo.js.map

package/dist/editor/ComponentInfo.js.map

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

package/dist/editor/ai/HelpTerminal.d.ts

@@ -1,5 +0,0 @@
-/**
- * HelpTerminalPanel - renders as a panel integrated into MainLayout's Splitter.
- * This component is shown when editContext.showHelpTerminal is true.
- */
-export declare function HelpTerminalPanel(): import("react/jsx-runtime").JSX.Element;

package/dist/editor/ai/HelpTerminal.js

@@ -1,166 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useCallback, useMemo } from "react";
-import { X, Loader2, MessageCircleQuestion, ArrowLeft } from "lucide-react";
-import { useEditContext } from "../client/editContext";
-import { AgentTerminal } from "./AgentTerminal";
-import { loadAiProfiles, loadHelpTopics } from "../services/aiService";
-import { ManualBrowser } from "../menubar/toolbar-sections/ManualBrowser";
-import { SimpleTabs } from "../ui/SimpleTabs";
-import { FilterInput, highlightMatch } from "../../components/FilterInput";
-import { cn } from "../../lib/utils";
-const HELP_AGENT_PROFILE = "Help";
-const TAB_IDS = ["ask", "manual"];
-/**
- * HelpTerminalPanel - renders as a panel integrated into MainLayout's Splitter.
- * This component is shown when editContext.showHelpTerminal is true.
- */
-export function HelpTerminalPanel() {
-    const editContext = useEditContext();
-    const [availableProfiles, setAvailableProfiles] = useState([]);
-    const [loadingProfiles, setLoadingProfiles] = useState(false);
-    const [agent, setAgent] = useState(null);
-    const [initialMetadata, setInitialMetadata] = useState(undefined);
-    // Topics browser state
-    const [topics, setTopics] = useState([]);
-    const [loadingTopics, setLoadingTopics] = useState(false);
-    const [topicsError, setTopicsError] = useState(null);
-    const [searchQuery, setSearchQuery] = useState("");
-    const [selectedTopic, setSelectedTopic] = useState(null);
-    const [customQuestion, setCustomQuestion] = useState("");
-    // Get the active tab from context, defaulting to "ask"
-    const activeTabType = editContext?.helpTerminalActiveTab || "ask";
-    const activeTabIndex = TAB_IDS.indexOf(activeTabType);
-    const setActiveTabIndex = useCallback((index) => {
-        const tabType = TAB_IDS[index];
-        if (tabType) {
-            editContext?.setHelpTerminalActiveTab(tabType);
-        }
-    }, [editContext]);
-    // Define tabs for SimpleTabs component
-    const tabs = useMemo(() => [
-        { id: "ask", label: "Ask", content: null },
-        { id: "manual", label: "Manual", content: null },
-    ], []);
-    // Load help topics when component mounts
-    useEffect(() => {
-        setLoadingTopics(true);
-        setTopicsError(null);
-        loadHelpTopics()
-            .then((data) => {
-            setTopics(data);
-        })
-            .catch((err) => {
-            console.error("Failed to load help topics:", err);
-            setTopicsError("Failed to load help topics");
-        })
-            .finally(() => {
-            setLoadingTopics(false);
-        });
-    }, []);
-    // Filter topics based on search query
-    const filteredTopics = useMemo(() => {
-        if (!searchQuery.trim()) {
-            return topics;
-        }
-        const query = searchQuery.toLowerCase();
-        return topics.filter((topic) => {
-            const titleMatch = topic.title?.toLowerCase().includes(query);
-            const descriptionMatch = topic.description?.toLowerCase().includes(query);
-            return titleMatch || descriptionMatch;
-        });
-    }, [topics, searchQuery]);
-    // Load profiles when component mounts
-    useEffect(() => {
-        let cancelled = false;
-        (async () => {
-            try {
-                setLoadingProfiles(true);
-                const profiles = await loadAiProfiles(editContext?.currentItemDescriptor);
-                if (cancelled)
-                    return;
-                setAvailableProfiles(profiles || []);
-            }
-            catch (e) {
-                console.error("Failed to load AI profiles", e);
-            }
-            finally {
-                if (!cancelled)
-                    setLoadingProfiles(false);
-            }
-        })();
-        return () => {
-            cancelled = true;
-        };
-    }, [editContext?.currentItemDescriptor?.id]);
-    // Get initial prompt and profile name from editContext
-    const initialPrompt = editContext?.helpTerminalInitialPrompt;
-    const profileName = editContext?.helpTerminalProfileName || HELP_AGENT_PROFILE;
-    // Determine the effective initial prompt (from context or selected topic)
-    const effectiveInitialPrompt = initialPrompt || selectedTopic?.prompt;
-    // Check if we should show the agent (has initial prompt from context or selected topic)
-    const showAgent = !!initialPrompt || !!selectedTopic;
-    // Create agent when profiles are loaded and we have a prompt
-    useEffect(() => {
-        if (agent || availableProfiles.length === 0 || !showAgent)
-            return;
-        const profile = availableProfiles.find((p) => p.name === profileName || p.id === profileName) || availableProfiles.find((p) => p.name === HELP_AGENT_PROFILE);
-        const finalProfileName = profile?.name || profileName;
-        const newAgent = {
-            status: "new",
-            id: crypto.randomUUID(),
-            name: profile?.agentName || profile?.displayTitle || finalProfileName,
-            updatedDate: new Date().toISOString(),
-            userId: "",
-            profileId: profile?.id,
-            profileName: finalProfileName,
-            profileSvgIcon: profile?.svgIcon,
-        };
-        // Build metadata with profile info and initial prompt
-        const metadata = {
-            profile: finalProfileName,
-            additionalData: {
-                profileId: profile?.id,
-                profileName: finalProfileName,
-                ...(effectiveInitialPrompt && { initialPrompt: effectiveInitialPrompt }),
-            },
-        };
-        setAgent(newAgent);
-        setInitialMetadata(metadata);
-    }, [agent, availableProfiles, profileName, effectiveInitialPrompt, showAgent]);
-    const handleClose = useCallback(() => {
-        editContext?.setShowHelpTerminal(false);
-    }, [editContext]);
-    const handleTopicClick = useCallback((topic) => {
-        setSelectedTopic(topic);
-    }, []);
-    const handleCustomQuestionSubmit = useCallback(() => {
-        if (!customQuestion.trim())
-            return;
-        const customTopic = {
-            id: "custom-" + Date.now(),
-            title: "Custom Question",
-            description: customQuestion,
-            prompt: customQuestion,
-        };
-        setSelectedTopic(customTopic);
-        setCustomQuestion("");
-    }, [customQuestion]);
-    const handleBackToTopics = useCallback(() => {
-        setSelectedTopic(null);
-        setAgent(null);
-        setInitialMetadata(undefined);
-        setSearchQuery("");
-    }, []);
-    return (_jsxs("div", { className: "flex h-full flex-col bg-white", children: [_jsxs("div", { className: "flex shrink-0 items-center justify-between border-b border-gray-200 bg-gray-50 pl-2 pr-2 pt-2", children: [_jsx(SimpleTabs, { tabs: tabs, activeTab: activeTabIndex, setActiveTab: setActiveTabIndex, hideContent: true, className: "justify-start" }), _jsx("button", { onClick: handleClose, className: "rounded p-1 text-gray-400 transition-colors hover:bg-gray-200 hover:text-gray-600", "aria-label": "Close", children: _jsx(X, { size: 16, strokeWidth: 1.5 }) })] }), _jsxs("div", { className: "flex-1 overflow-hidden", children: [_jsx("div", { className: cn("h-full", activeTabType !== "ask" && "hidden"), children: showAgent ? (
-                        // Show agent terminal with back button
-                        _jsxs("div", { className: "flex h-full flex-col", children: [selectedTopic && (_jsx("div", { className: "shrink-0 border-b border-gray-100 px-3 py-2", children: _jsxs("button", { onClick: handleBackToTopics, className: "flex items-center gap-1.5 text-xs text-gray-500 hover:text-gray-700 transition-colors", children: [_jsx(ArrowLeft, { className: "h-3.5 w-3.5" }), "Back to topics"] }) })), _jsx("div", { className: "flex-1 overflow-hidden", children: agent ? (_jsx(AgentTerminal, { agentStub: agent, initialMetadata: initialMetadata, profiles: availableProfiles, isActive: activeTabType === "ask", compact: false, simpleMode: true, hideGreeting: false, initialPrompt: effectiveInitialPrompt })) : (_jsx("div", { className: "flex h-full flex-col items-center justify-center", children: _jsx("div", { className: "text-sm text-gray-500", children: "Loading agent..." }) })) })] })) : (
-                        // Show topics browser
-                        _jsxs("div", { className: "flex h-full flex-col", children: [_jsx("div", { className: "shrink-0 border-b border-gray-100 px-4 py-3", children: _jsx("h3", { className: "text-sm font-semibold text-gray-900", children: "How can we help?" }) }), _jsxs("div", { className: "shrink-0 border-b border-gray-100 bg-blue-50/50 px-4 py-3", children: [_jsx("div", { className: "flex items-center justify-between mb-2", children: _jsxs("h4", { className: "text-xs font-semibold text-blue-900 flex items-center gap-1.5", children: [_jsx(MessageCircleQuestion, { className: "h-3.5 w-3.5" }), "Ask a question"] }) }), _jsxs("div", { className: "flex gap-2", children: [_jsx("div", { className: "flex-1", children: _jsx("input", { type: "text", value: customQuestion, onChange: (e) => setCustomQuestion(e.target.value), onKeyDown: (e) => {
-                                                            if (e.key === "Enter" && customQuestion.trim()) {
-                                                                handleCustomQuestionSubmit();
-                                                            }
-                                                        }, placeholder: "How do I...", className: "h-8 w-full rounded border border-gray-200 bg-white px-2.5 text-xs focus:border-blue-500 focus:outline-none" }) }), _jsx("button", { onClick: handleCustomQuestionSubmit, disabled: !customQuestion.trim(), className: cn("rounded px-3 py-1 text-xs font-medium transition-colors", customQuestion.trim()
-                                                        ? "bg-blue-600 text-white hover:bg-blue-700"
-                                                        : "bg-gray-200 text-gray-400 cursor-not-allowed"), children: "Ask" })] })] }), _jsx("div", { className: "shrink-0 border-b border-gray-100 bg-gray-50 px-4 py-2", children: _jsx("p", { className: "text-xs text-gray-500", children: "Or browse common topics" }) }), _jsx("div", { className: "shrink-0 px-4 py-2", children: _jsx(FilterInput, { value: searchQuery, onChange: setSearchQuery, placeholder: "Filter topics...", size: "sm" }) }), _jsxs("div", { className: "flex-1 overflow-y-auto", children: [loadingTopics && (_jsx("div", { className: "flex items-center justify-center py-8", children: _jsx(Loader2, { className: "h-5 w-5 animate-spin text-gray-400" }) })), topicsError && (_jsx("div", { className: "px-4 py-8 text-center text-sm text-red-500", children: topicsError })), !loadingTopics && !topicsError && topics.length === 0 && (_jsx("div", { className: "px-4 py-8 text-center text-sm text-gray-500", children: "No help topics available" })), !loadingTopics && !topicsError && topics.length > 0 && filteredTopics.length === 0 && searchQuery && (_jsx("div", { className: "px-4 py-8 text-center text-sm text-gray-500", children: "No help topics match your search" })), !loadingTopics && !topicsError && filteredTopics.length > 0 && (_jsx("div", { className: "py-2", children: filteredTopics.map((topic) => (_jsxs("button", { onClick: () => handleTopicClick(topic), className: cn("flex w-full items-start gap-3 px-4 py-2.5 text-left transition-colors", "hover:bg-gray-50 focus:bg-gray-50 focus:outline-none"), children: [_jsx(MessageCircleQuestion, { className: "mt-0.5 h-4 w-4 shrink-0 text-gray-400", strokeWidth: 1.5 }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-sm font-medium text-gray-900", children: highlightMatch(topic.title || "", searchQuery) }), topic.description && (_jsx("div", { className: "mt-0.5 text-xs text-gray-500 line-clamp-2", children: highlightMatch(topic.description, searchQuery) }))] })] }, topic.id))) }))] })] })) }), _jsx("div", { className: cn("h-full", activeTabType !== "manual" && "hidden"), children: _jsx(ManualBrowser, {}) })] })] }));
-}
-//# sourceMappingURL=HelpTerminal.js.map