@ifc-lite/viewer 1.28.0 → 1.28.1

package/src/App.tsx

@@ -9,12 +9,10 @@
  * at boot, react to popstate, and switch by prefix. The handful of routes:
  *
  *   /                  → main WebGL viewer (default)
- *   /settings          → desktop-shell account / API-key management (Tauri)
  *   /mcp[/...]         → @ifc-lite/mcp marketing surface
  */
 
 import { ViewerLayout } from './components/viewer/ViewerLayout';
-import { SettingsPage } from './components/viewer/SettingsPage';
 import { McpLanding } from './components/mcp/McpLanding';
 import { McpPlayground } from './components/mcp/McpPlayground';
 import { BimProvider } from './sdk/BimProvider';
@@ -66,7 +64,7 @@ export function App() {
   return (
     <BimProvider>
       <ExtensionHostProvider>
-        {pathname === '/settings' ? <SettingsPage /> : <ViewerLayout />}
+        <ViewerLayout />
         <Toaster />
         <Analytics />
       </ExtensionHostProvider>

package/src/components/viewer/BCFPanel.tsx

@@ -13,7 +13,7 @@
  * - Import/export BCF files
  */
 
-import React, { useCallback, useEffect, useState, useMemo, useRef } from 'react';
+import React, { useCallback, useState, useMemo, useRef } from 'react';
 import {
   X,
   MessageSquare,
@@ -39,7 +39,6 @@ import { BCFTopicList } from './bcf/BCFTopicList';
 import { BCFTopicDetail } from './bcf/BCFTopicDetail';
 import { BCFCreateTopicForm } from './bcf/BCFCreateTopicForm';
 import { openGenericFileDialog } from '@/services/file-dialog';
-import { claimNextDesktopPanelAction, subscribeDesktopPanelActions } from '@/services/desktop-panel-actions';
 
 // ============================================================================
 // Main BCF Panel Component
@@ -298,20 +297,6 @@ export function BCFPanel({ onClose }: BCFPanelProps) {
     setShowAuthorDialog(false);
   }, [tempAuthor, setBcfAuthor]);
 
-  useEffect(() => {
-    const drainDesktopActions = () => {
-      if (claimNextDesktopPanelAction('bcf-import')) {
-        void importFromDialog();
-      }
-      if (claimNextDesktopPanelAction('bcf-export')) {
-        void handleExport();
-      }
-    };
-
-    drainDesktopActions();
-    return subscribeDesktopPanelActions(drainDesktopActions);
-  }, [handleExport, importFromDialog]);
-
   return (
     <div className="flex flex-col h-full bg-background">
       {/* Header */}

package/src/components/viewer/ChatPanel.tsx

@@ -52,7 +52,6 @@ import { buildRepairSessionKey, getEscalatedRepairScope, pruneMessagesForRepair
 import type { ChatMessage, ChatRepairRequest, FileAttachment } from '@/lib/llm/types';
 import { canUsePlainCodeBlockFallback, type ScriptMutationIntent } from '@/lib/llm/script-preservation';
 import { Check, Image as ImageIcon, KeyRound } from 'lucide-react';
-import { hasDesktopFeatureAccess } from '@/lib/desktop-product';
 import { getModelById } from '@/lib/llm/models';
 import { resolveStreamRoute } from '@/lib/llm/byok-guard';
 import { getApiKeys, hasAnthropicKey, hasOpenaiKey, subscribeApiKeys } from '@/services/api-keys';
@@ -300,9 +299,7 @@ export function ChatPanel({ onClose }: ChatPanelProps) {
   const setChatHasByokKey = useViewerStore((s) => s.setChatHasByokKey);
   const usage = useViewerStore((s) => s.chatUsage);
   const setChatUsage = useViewerStore((s) => s.setChatUsage);
-  const desktopEntitlement = useViewerStore((s) => s.desktopEntitlement);
   const { execute } = useSandbox();
-  const canUseAiAssistant = hasDesktopFeatureAccess(desktopEntitlement, 'ai_assistant');
 
   // Sync BYOK key availability into the store and track per-provider state
   const [keyStateAnthropic, setKeyStateAnthropic] = useState(hasAnthropicKey);
@@ -349,10 +346,6 @@ export function ChatPanel({ onClose }: ChatPanelProps) {
   const [showScrollBtn, setShowScrollBtn] = useState(false);
   const [userScrolledUp, setUserScrolledUp] = useState(false);
   const [lastFinishReason, setLastFinishReason] = useState<string | null>(null);
-  const promptAiUpgrade = useCallback(() => {
-    setChatError('AI assistant is available with Desktop Pro.');
-    toast.info('AI assistant is available with Desktop Pro');
-  }, [setChatError]);
 
   const inputRef = useRef<HTMLTextAreaElement>(null);
   const scrollRef = useRef<HTMLDivElement>(null);
@@ -505,10 +498,6 @@ export function ChatPanel({ onClose }: ChatPanelProps) {
   // ── Core send logic ──
   const doSend = useCallback(async (text: string, options?: ChatSendOptions) => {
     if (!text.trim() || status === 'streaming' || status === 'sending') return;
-    if (!canUseAiAssistant) {
-      setChatError('AI assistant is available with Desktop Pro.');
-      return;
-    }
     // Clear any stale post-authoring CTA — this turn re-establishes it
     // on completion if it's another authoring turn.
     setChatToolReady(null);
@@ -1056,7 +1045,7 @@ export function ChatPanel({ onClose }: ChatPanelProps) {
       }
     }
   }, [
-    canUseAiAssistant, status, activeModel, attachments,
+    status, activeModel, attachments,
     addMessage, setChatStatus, updateStreaming, finalizeAssistant,
     setChatError, setChatAbortController, clearAttachments, setChatUsage, resizeInput,
     buildRepairPromptFromLiveState, triggerAutoRepair, execute, extensionHost,
@@ -1064,12 +1053,8 @@ export function ChatPanel({ onClose }: ChatPanelProps) {
   ]);
 
   const handleSend = useCallback(() => {
-    if (!canUseAiAssistant) {
-      promptAiUpgrade();
-      return;
-    }
     doSend(inputText);
-  }, [canUseAiAssistant, doSend, inputText, promptAiUpgrade]);
+  }, [doSend, inputText]);
 
   // Allow other panels (e.g. ScriptPanel errors) to trigger a chat repair turn.
   useEffect(() => {
@@ -1098,10 +1083,6 @@ export function ChatPanel({ onClose }: ChatPanelProps) {
   }, [pendingRepairRequest, status, consumePendingRepairRequest, buildRepairPromptFromLiveState, doSend]);
 
   const handleContinue = useCallback(() => {
-    if (!canUseAiAssistant) {
-      promptAiUpgrade();
-      return;
-    }
     const state = useViewerStore.getState();
     const partial = state.chatStreamingContent.trim();
     const lastAssistant = [...state.chatMessages].reverse().find((m) => m.role === 'assistant');
@@ -1114,7 +1095,7 @@ export function ChatPanel({ onClose }: ChatPanelProps) {
     }
     setChatError(null);
     doSend(CONTINUE_PROMPT, { continuationBase });
-  }, [canUseAiAssistant, doSend, finalizeAssistant, promptAiUpgrade, setChatError]);
+  }, [doSend, finalizeAssistant, setChatError]);
 
   const handleStop = useCallback(() => {
     const controller = useViewerStore.getState().chatAbortController;
@@ -1139,10 +1120,6 @@ export function ChatPanel({ onClose }: ChatPanelProps) {
 
   // ── Error feedback (Fix this) ──
   const handleFixError = useCallback((code: string, errorMsg: string) => {
-    if (!canUseAiAssistant) {
-      promptAiUpgrade();
-      return;
-    }
     const diagnostics = useViewerStore.getState().scriptLastDiagnostics;
     const liveCode = useViewerStore.getState().scriptEditorContent;
     const staleCode = code.trim() !== liveCode.trim() ? code : undefined;
@@ -1157,7 +1134,7 @@ export function ChatPanel({ onClose }: ChatPanelProps) {
       requestedRepairScope: getPrimaryRootCause(diagnostics)?.repairScope,
       rootCauseKey: getPrimaryRootCause(diagnostics)?.rootCauseKey,
     });
-  }, [buildRepairPromptFromLiveState, canUseAiAssistant, doSend, promptAiUpgrade]);
+  }, [buildRepairPromptFromLiveState, doSend]);
 
   // ── Clickable example prompts ──
   const handleExampleClick = useCallback((prompt: string) => {
@@ -1191,10 +1168,6 @@ export function ChatPanel({ onClose }: ChatPanelProps) {
 
   // ── File upload (button + drag-drop + paste) ──
   const processFiles = useCallback(async (files: FileList | File[]) => {
-    if (!canUseAiAssistant) {
-      promptAiUpgrade();
-      return;
-    }
     const model = getModelById(activeModel);
     const supportsImages = model?.supportsImages ?? false;
     const supportsFileAttachments = model?.supportsFileAttachments ?? true;
@@ -1309,7 +1282,7 @@ export function ChatPanel({ onClose }: ChatPanelProps) {
         setChatError(`Could not read ${file.name}: ${error instanceof Error ? error.message : String(error)}`);
       }
     }
-  }, [activeModel, addAttachment, attachments.length, canUseAiAssistant, promptAiUpgrade, setChatError]);
+  }, [activeModel, addAttachment, attachments.length, setChatError]);
 
   const handleFileUpload = useCallback(async (e: React.ChangeEvent<HTMLInputElement>) => {
     const files = e.target.files;
@@ -1490,15 +1463,9 @@ export function ChatPanel({ onClose }: ChatPanelProps) {
         )}
       </div>
 
-      {!canUseAiAssistant && (
-        <div className="border-b bg-muted/40 px-3 py-2 text-xs text-muted-foreground">
-          AI assistant requires Desktop Pro. Core viewing and scripting stay available without it.
-        </div>
-      )}
-
       {/* Slim CTA banner — appears when the modal has been dismissed but the
           selected model still needs a key. Re-opens the modal on click. */}
-      {needsByokKey && canUseAiAssistant && !byokModal.open && (
+      {needsByokKey && !byokModal.open && (
         <button
           type="button"
           onClick={() => openByokModal(needsAnthropicKey ? 'anthropic' : 'openai')}
@@ -1734,16 +1701,14 @@ export function ChatPanel({ onClose }: ChatPanelProps) {
                 variant="ghost"
                 size="icon-xs"
                 onClick={() => fileInputRef.current?.click()}
-                disabled={!canAttachInput || !canUseAiAssistant}
+                disabled={!canAttachInput}
                 className="shrink-0 mb-0.5"
               >
                 <Paperclip className="h-3.5 w-3.5" />
               </Button>
             </TooltipTrigger>
             <TooltipContent>
-              {!canUseAiAssistant
-                ? 'AI assistant not available'
-                : canAttachInput
+              {canAttachInput
                 ? 'Attach file or image (paste, drag & drop)'
                 : 'Selected model does not support attachments'}
             </TooltipContent>
@@ -1758,11 +1723,11 @@ export function ChatPanel({ onClose }: ChatPanelProps) {
             }}
             onKeyDown={handleKeyDown}
             onPaste={handlePaste}
-            placeholder={!canUseAiAssistant ? 'AI assistant not available' : needsByokKey ? `Add your ${needsAnthropicKey ? 'Anthropic' : 'OpenAI'} key to chat with this model` : 'Ask anything...'}
+            placeholder={needsByokKey ? `Add your ${needsAnthropicKey ? 'Anthropic' : 'OpenAI'} key to chat with this model` : 'Ask anything...'}
             rows={1}
             className="flex-1 resize-none rounded-md border border-input bg-background text-foreground placeholder:text-muted-foreground px-3 py-1.5 text-sm min-h-[32px] max-h-[120px] focus:outline-none focus:ring-1 focus:ring-ring"
             style={{ height: 'auto', overflow: 'hidden' }}
-            disabled={!canUseAiAssistant || needsByokKey}
+            disabled={needsByokKey}
           />
 
           {isActive ? (
@@ -1786,7 +1751,7 @@ export function ChatPanel({ onClose }: ChatPanelProps) {
                   variant="default"
                   size="icon-xs"
                   onClick={handleSend}
-                  disabled={!inputText.trim() || !canUseAiAssistant || needsByokKey}
+                  disabled={!inputText.trim() || needsByokKey}
                   className="shrink-0 mb-0.5"
                 >
                   <Send className="h-3.5 w-3.5" />

package/src/components/viewer/HierarchyPanel.tsx

@@ -2,7 +2,7 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
 
-import { useState, useCallback, useRef, useEffect, useMemo, type ReactElement } from 'react';
+import { useState, useCallback, useRef, useEffect, useMemo } from 'react';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import {
   Search,
@@ -19,7 +19,6 @@ import { cn } from '@/lib/utils';
 import { useViewerStore, resolveEntityRef } from '@/store';
 import { toGlobalIdFromModels } from '@/store/globalId';
 import { useIfc } from '@/hooks/useIfc';
-import { getNativeMetadataChildren, searchNativeMetadataEntities } from '@/services/desktop-native-metadata';
 
 import type { TreeNode } from './hierarchy/types';
 import { isSpatialContainer } from './hierarchy/types';
@@ -38,7 +37,6 @@ export function HierarchyPanel() {
     removeModel,
   } = useIfc();
   const selectedEntityId = useViewerStore((s) => s.selectedEntityId);
-  const selectedEntity = useViewerStore((s) => s.selectedEntity);
   const setSelectedEntityId = useViewerStore((s) => s.setSelectedEntityId);
   const setSelectedEntityIds = useViewerStore((s) => s.setSelectedEntityIds);
   const setSelectedEntity = useViewerStore((s) => s.setSelectedEntity);
@@ -92,33 +90,6 @@ export function HierarchyPanel() {
 
   // Check if we have multiple models loaded
   const isMultiModel = models.size > 1;
-  const nativeLazyModel = useMemo(() => {
-    if (models.size !== 1) return null;
-    const [, model] = Array.from(models.entries())[0];
-    if (!model.nativeMetadata) return null;
-    return model.ifcDataStore?.spatialHierarchy ? null : model;
-  }, [models]);
-  const [nativeChildren, setNativeChildren] = useState<Record<number, Array<{
-    expressId: number;
-    type: string;
-    name: string;
-    globalId?: string | null;
-    kind: 'spatial' | 'element';
-    hasChildren: boolean;
-    elementCount?: number;
-    elevation?: number | null;
-  }>>>({});
-  const [nativeExpanded, setNativeExpanded] = useState<Set<number>>(new Set());
-  const [nativeSearchResults, setNativeSearchResults] = useState<Array<{
-    expressId: number;
-    type: string;
-    name: string;
-    globalId?: string | null;
-    kind: 'spatial' | 'element';
-    hasChildren: boolean;
-    elementCount?: number;
-    elevation?: number | null;
-  }>>([]);
 
   // Use extracted hook for tree data management
   const {
@@ -222,29 +193,6 @@ export function HierarchyPanel() {
     };
   }, [isDragging]);
 
-  useEffect(() => {
-    if (!nativeLazyModel?.nativeMetadata) {
-      setNativeSearchResults([]);
-      return;
-    }
-    const query = searchQuery.trim();
-    if (!query) {
-      setNativeSearchResults([]);
-      return;
-    }
-    let cancelled = false;
-    void searchNativeMetadataEntities(nativeLazyModel.nativeMetadata.cacheKey, query, 200)
-      .then((results) => {
-        if (!cancelled) setNativeSearchResults(results);
-      })
-      .catch(() => {
-        if (!cancelled) setNativeSearchResults([]);
-      });
-    return () => {
-      cancelled = true;
-    };
-  }, [nativeLazyModel, searchQuery]);
-
   // Toggle visibility for a node
   const handleVisibilityToggle = useCallback((node: TreeNode) => {
     const elements = getNodeElements(node);
@@ -560,7 +508,7 @@ export function HierarchyPanel() {
   }
 
   const singleModel = models.size === 1 ? Array.from(models.values())[0] : null;
-  if (!ifcDataStore && singleModel && !nativeLazyModel) {
+  if (!ifcDataStore && singleModel) {
     const metadataState = singleModel.metadataLoadState;
     const message = metadataState === 'error'
       ? (singleModel.loadError || 'Native metadata failed to load.')
@@ -581,128 +529,6 @@ export function HierarchyPanel() {
     );
   }
 
-  if (nativeLazyModel?.nativeMetadata) {
-    const nativeMetadata = nativeLazyModel.nativeMetadata;
-    const nativeSelectedGlobalId =
-      selectedEntity?.modelId === nativeLazyModel.id
-        ? toGlobalId(nativeLazyModel.id, selectedEntity.expressId)
-        : null;
-
-    const selectNativeEntity = (expressId: number) => {
-      const globalId = toGlobalId(nativeLazyModel.id, expressId);
-      setSelectedEntityIds([]);
-      setSelectedEntityId(globalId);
-      setSelectedEntity({
-        modelId: nativeLazyModel.id,
-        expressId,
-      });
-      setActiveModel(nativeLazyModel.id);
-    };
-
-    const toggleNativeNode = async (expressId: number) => {
-      setNativeExpanded((prev) => {
-        const next = new Set(prev);
-        if (next.has(expressId)) {
-          next.delete(expressId);
-        } else {
-          next.add(expressId);
-        }
-        return next;
-      });
-      if (nativeChildren[expressId]) return;
-      try {
-        const children = await getNativeMetadataChildren(nativeMetadata.cacheKey, expressId);
-        setNativeChildren((prev) => ({ ...prev, [expressId]: children }));
-      } catch {
-        setNativeChildren((prev) => ({ ...prev, [expressId]: [] }));
-      }
-    };
-
-    const renderNativeSummary = (
-      summary: {
-        expressId: number;
-        type: string;
-        name: string;
-        kind: 'spatial' | 'element';
-        hasChildren: boolean;
-        elementCount?: number;
-      },
-      depth: number,
-    ): ReactElement => {
-      const expanded = nativeExpanded.has(summary.expressId);
-      return (
-        <div key={`${summary.kind}-${summary.expressId}`}>
-          <button
-            type="button"
-            className={cn(
-              'w-full flex items-center gap-2 px-3 py-2 text-left border-b border-zinc-100 dark:border-zinc-900 hover:bg-zinc-50 dark:hover:bg-zinc-950',
-              nativeSelectedGlobalId === toGlobalId(nativeLazyModel.id, summary.expressId) && 'bg-primary/10 text-primary'
-            )}
-            style={{ paddingLeft: `${12 + depth * 16}px` }}
-            onClick={() => selectNativeEntity(summary.expressId)}
-          >
-            {summary.hasChildren ? (
-              <span
-                className="w-4 text-center text-xs text-zinc-500"
-                onClick={(event) => {
-                  event.stopPropagation();
-                  void toggleNativeNode(summary.expressId);
-                }}
-              >
-                {expanded ? 'v' : '>'}
-              </span>
-            ) : (
-              <span className="w-4" />
-            )}
-            <span className="truncate flex-1 text-sm">{summary.name || `${summary.type} #${summary.expressId}`}</span>
-            <span className="text-[10px] uppercase tracking-wide text-zinc-500">{summary.type}</span>
-            {typeof summary.elementCount === 'number' && summary.elementCount > 0 && (
-              <span className="text-[10px] text-zinc-400">{summary.elementCount}</span>
-            )}
-          </button>
-          {expanded && (nativeChildren[summary.expressId] ?? []).map((child) => renderNativeSummary(child, depth + 1))}
-        </div>
-      );
-    };
-
-    return (
-      <div className="h-full flex flex-col border-r-2 border-zinc-200 dark:border-zinc-800 bg-white dark:bg-black">
-        <div className="p-3 border-b-2 border-zinc-200 dark:border-zinc-800 bg-zinc-50 dark:bg-black">
-          <Input
-            placeholder="Search..."
-            value={searchQuery}
-            onChange={(e) => setSearchQuery(e.target.value)}
-            leftIcon={<Search className="h-4 w-4" />}
-            className="h-9 text-sm rounded-none border-2 border-zinc-200 dark:border-zinc-800 focus:border-primary focus:ring-0 bg-white dark:bg-zinc-950 text-zinc-900 dark:text-zinc-100 placeholder:text-zinc-400 dark:placeholder:text-zinc-600"
-          />
-        </div>
-        <SectionHeader
-          icon={Building2}
-          title={searchQuery.trim() ? 'Search Results' : 'Hierarchy'}
-          count={searchQuery.trim() ? nativeSearchResults.length : 1}
-        />
-        <div className="flex-1 overflow-auto scrollbar-thin bg-white dark:bg-black">
-          {searchQuery.trim()
-            ? nativeSearchResults.map((result) => renderNativeSummary(result, 0))
-            : nativeMetadata.spatialTree
-              ? renderNativeSummary(nativeMetadata.spatialTree, 0)
-              : (
-                <div className="p-4 text-xs text-zinc-500">
-                  {nativeLazyModel.metadataLoadState === 'error'
-                    ? (nativeLazyModel.loadError || 'Native spatial metadata is unavailable for this model.')
-                    : nativeLazyModel.metadataLoadState === 'bootstrapping'
-                      ? 'Native spatial metadata is still loading.'
-                      : 'Native spatial metadata tree is unavailable for this model.'}
-                </div>
-              )}
-        </div>
-        <div className="p-2 border-t-2 border-zinc-200 dark:border-zinc-800 text-[10px] uppercase tracking-wide text-zinc-500 dark:text-zinc-500 text-center bg-zinc-50 dark:bg-black font-mono">
-          On-demand desktop metadata
-        </div>
-      </div>
-    );
-  }
-
   // Helper to render a node via the extracted HierarchyNode component
   const renderNode = (node: TreeNode, virtualRow: { index: number; size: number; start: number }) => {
     const { isSelected, nodeHidden, modelVisible } = computeNodeState(node);

package/src/components/viewer/IDSPanel.tsx

@@ -15,7 +15,7 @@
  * - Multi-language support (EN/DE/FR)
  */
 
-import React, { useCallback, useEffect, useState, useMemo, useRef } from 'react';
+import React, { useCallback, useState, useMemo, useRef } from 'react';
 import {
   X,
   Upload,
@@ -75,7 +75,6 @@ import { cn } from '@/lib/utils';
 import { IDSAuditSummary } from './IDSAuditSummary';
 import { IDSExportDialog } from './IDSExportDialog';
 import type { IDSBCFExportSettings, IDSExportProgress } from './IDSExportDialog';
-import { claimNextDesktopPanelAction, subscribeDesktopPanelActions } from '@/services/desktop-panel-actions';
 
 // ============================================================================
 // Types
@@ -513,30 +512,6 @@ export function IDSPanel({ onClose }: IDSPanelProps) {
     fileInputRef.current?.click();
   }, [loadIdsFromDialog]);
 
-  const handleDesktopRunValidation = useCallback(async () => {
-    if (!document) {
-      const loaded = await loadIdsFromDialog();
-      if (!loaded) {
-        return;
-      }
-    }
-    await runValidation();
-  }, [document, loadIdsFromDialog, runValidation]);
-
-  useEffect(() => {
-    const drainDesktopActions = () => {
-      if (claimNextDesktopPanelAction('ids-open')) {
-        void loadIdsFromDialog();
-      }
-      if (claimNextDesktopPanelAction('ids-run-validation')) {
-        void handleDesktopRunValidation();
-      }
-    };
-
-    drainDesktopActions();
-    return subscribeDesktopPanelActions(drainDesktopActions);
-  }, [handleDesktopRunValidation, loadIdsFromDialog]);
-
   // Handle entity click
   const handleEntityClick = useCallback((modelId: string, expressId: number) => {
     selectEntity(modelId, expressId);