@anh3d0nic/qwen-code-termux-ice 14.0.0 → 16.0.0

package/packages/vscode-ide-companion/src/webview/components/layout/InputForm.tsx

@@ -1,88 +0,0 @@
-/**
- * @license
- * Copyright 2025 Qwen Team
- * SPDX-License-Identifier: Apache-2.0
- *
- * InputForm adapter for VSCode - wraps webui InputForm with local type handling
- * This allows local ApprovalModeValue to work with webui's EditModeInfo
- */
-
-import type { FC } from 'react';
-import { InputForm as BaseInputForm, getEditModeIcon } from ' @mmmbuto/webui';
-import type {
-  InputFormProps as BaseInputFormProps,
-  EditModeInfo,
-} from ' @mmmbuto/webui';
-import { getApprovalModeInfoFromString } from '../../../types/acpTypes.js';
-import type { ApprovalModeValue } from '../../../types/approvalModeValueTypes.js';
-import type { ModelInfo } from '@agentclientprotocol/sdk';
-import { ModelSelector } from './ModelSelector.js';
-
-/**
- * Extended props that accept ApprovalModeValue and ModelSelector
- */
-export interface InputFormProps
-  extends Omit<BaseInputFormProps, 'editModeInfo'> {
-  /** Edit mode value (local type) */
-  editMode: ApprovalModeValue;
-  /** Whether to show model selector */
-  showModelSelector?: boolean;
-  /** Available models for selection */
-  availableModels?: ModelInfo[];
-  /** Current model ID */
-  currentModelId?: string | null;
-  /** Callback when a model is selected */
-  onSelectModel?: (modelId: string) => void;
-  /** Callback to close model selector */
-  onCloseModelSelector?: () => void;
-}
-
-/**
- * Convert ApprovalModeValue to EditModeInfo
- */
-const getEditModeInfo = (editMode: ApprovalModeValue): EditModeInfo => {
-  const info = getApprovalModeInfoFromString(editMode);
-
-  return {
-    label: info.label,
-    title: info.title,
-    icon: info.iconType ? getEditModeIcon(info.iconType) : null,
-  };
-};
-
-/**
- * InputForm with ApprovalModeValue and ModelSelector support
- *
- * This is an adapter that accepts the local ApprovalModeValue type
- * and converts it to webui's EditModeInfo format.
- * It also renders the ModelSelector component when needed.
- */
-export const InputForm: FC<InputFormProps> = ({
-  editMode,
-  showModelSelector,
-  availableModels,
-  currentModelId,
-  onSelectModel,
-  onCloseModelSelector,
-  ...rest
-}) => {
-  const editModeInfo = getEditModeInfo(editMode);
-
-  return (
-    <>
-      {/* ModelSelector rendered above InputForm as a portal-like overlay */}
-      {showModelSelector && onSelectModel && onCloseModelSelector && (
-        <div className="fixed bottom-[120px] left-4 right-4 z-[1001] max-w-[600px] mx-auto">
-          <ModelSelector
-            visible={showModelSelector}
-            models={availableModels ?? []}
-            currentModelId={currentModelId ?? null}
-            onSelectModel={onSelectModel}
-            onClose={onCloseModelSelector}
-          />
-        </div>
-      )}
-      <BaseInputForm editModeInfo={editModeInfo} {...rest} />
-    </>
-  );
-};

package/packages/vscode-ide-companion/src/webview/components/layout/ModelSelector.tsx

@@ -1,197 +0,0 @@
-/**
- * @license
- * Copyright 2025 Qwen Team
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import { useCallback, useEffect, useRef, useState } from 'react';
-import type { FC } from 'react';
-import type { ModelInfo } from '@agentclientprotocol/sdk';
-import { PlanCompletedIcon } from '@qwen-code/webui';
-
-interface ModelSelectorProps {
-  visible: boolean;
-  models: ModelInfo[];
-  currentModelId: string | null;
-  onSelectModel: (modelId: string) => void;
-  onClose: () => void;
-}
-
-export const ModelSelector: FC<ModelSelectorProps> = ({
-  visible,
-  models,
-  currentModelId,
-  onSelectModel,
-  onClose,
-}) => {
-  const containerRef = useRef<HTMLDivElement>(null);
-  const [selected, setSelected] = useState(0);
-  const [mounted, setMounted] = useState(false);
-
-  // Reset selection when models change or when opened
-  useEffect(() => {
-    if (visible) {
-      // Find current model index or default to 0
-      const currentIndex = models.findIndex(
-        (m) => m.modelId === currentModelId,
-      );
-      setSelected(currentIndex >= 0 ? currentIndex : 0);
-      setMounted(true);
-    } else {
-      setMounted(false);
-    }
-  }, [visible, models, currentModelId]);
-
-  // Handle clicking outside to close and keyboard navigation
-  useEffect(() => {
-    if (!visible) {
-      return;
-    }
-
-    const handleClickOutside = (event: MouseEvent) => {
-      if (
-        containerRef.current &&
-        !containerRef.current.contains(event.target as Node)
-      ) {
-        onClose();
-      }
-    };
-
-    const handleKeyDown = (event: KeyboardEvent) => {
-      switch (event.key) {
-        case 'ArrowDown':
-          event.preventDefault();
-          setSelected((prev) => Math.min(prev + 1, models.length - 1));
-          break;
-        case 'ArrowUp':
-          event.preventDefault();
-          setSelected((prev) => Math.max(prev - 1, 0));
-          break;
-        case 'Enter':
-          // Prevent form submission AND stop propagation so the input form
-          // does not treat this Enter as a message send.
-          event.preventDefault();
-          event.stopPropagation();
-          if (models[selected]) {
-            onSelectModel(models[selected].modelId);
-            onClose();
-          }
-          break;
-        case 'Escape':
-          event.preventDefault();
-          onClose();
-          break;
-        default:
-          break;
-      }
-    };
-
-    document.addEventListener('mousedown', handleClickOutside);
-    // Use capture phase so Enter is handled before bubble-phase handlers
-    // (e.g. the InputForm's Enter-to-submit) and stopPropagation can
-    // prevent an empty user message.
-    document.addEventListener('keydown', handleKeyDown, true);
-
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-      document.removeEventListener('keydown', handleKeyDown, true);
-    };
-  }, [visible, models, selected, onSelectModel, onClose]);
-
-  // Scroll selected item into view
-  useEffect(() => {
-    const selectedEl = containerRef.current?.querySelector(
-      `[data-index="${selected}"]`,
-    );
-    if (selectedEl) {
-      selectedEl.scrollIntoView({ block: 'nearest' });
-    }
-  }, [selected]);
-
-  const handleModelSelect = useCallback(
-    (modelId: string) => {
-      onSelectModel(modelId);
-      onClose();
-    },
-    [onSelectModel, onClose],
-  );
-
-  if (!visible) {
-    return null;
-  }
-
-  return (
-    <div
-      ref={containerRef}
-      role="menu"
-      className={[
-        'model-selector',
-        // Positioning controlled by parent container
-        'flex flex-col overflow-hidden',
-        'rounded-large border bg-[var(--app-menu-background)]',
-        'border-[var(--app-input-border)] max-h-[50vh] z-[1000]',
-        // Mount animation
-        mounted ? 'animate-completion-menu-enter' : '',
-      ].join(' ')}
-    >
-      {/* Header */}
-      <div className="px-3 py-1.5 text-[var(--app-secondary-foreground)] text-[0.8em] uppercase tracking-wider">
-        Select a model
-      </div>
-
-      {/* Model list */}
-      <div className="flex max-h-[300px] flex-col overflow-y-auto p-[var(--app-list-padding)] pb-2">
-        {models.length === 0 ? (
-          <div className="px-3 py-4 text-center text-[var(--app-secondary-foreground)] text-sm">
-            No models available. Check console for details.
-          </div>
-        ) : (
-          models.map((model, index) => {
-            const isActive = index === selected;
-            const isCurrentModel = model.modelId === currentModelId;
-            return (
-              <div
-                key={model.modelId}
-                data-index={index}
-                role="menuitem"
-                onClick={() => handleModelSelect(model.modelId)}
-                onMouseEnter={() => setSelected(index)}
-                className={[
-                  'model-selector-item',
-                  'mx-1 cursor-pointer rounded-[var(--app-list-border-radius)]',
-                  'p-[var(--app-list-item-padding)]',
-                  isActive ? 'bg-[var(--app-list-active-background)]' : '',
-                ].join(' ')}
-              >
-                <div className="flex items-center justify-between gap-2">
-                  <div className="min-w-0 flex-1">
-                    <span
-                      className={[
-                        'block truncate',
-                        isActive
-                          ? 'text-[var(--app-list-active-foreground)]'
-                          : 'text-[var(--app-primary-foreground)]',
-                      ].join(' ')}
-                    >
-                      {model.name}
-                    </span>
-                    {model.description && (
-                      <span className="block truncate text-[0.85em] text-[var(--app-secondary-foreground)] opacity-70">
-                        {model.description}
-                      </span>
-                    )}
-                  </div>
-                  {isCurrentModel && (
-                    <span className="flex-shrink-0 text-[var(--app-list-active-foreground)]">
-                      <PlanCompletedIcon size={16} />
-                    </span>
-                  )}
-                </div>
-              </div>
-            );
-          })
-        )}
-      </div>
-    </div>
-  );
-};

package/packages/vscode-ide-companion/src/webview/components/layout/Onboarding.tsx

@@ -1,26 +0,0 @@
-/**
- * @license
- * Copyright 2025 Qwen Team
- * SPDX-License-Identifier: Apache-2.0
- *
- * VSCode-specific Onboarding adapter
- * Uses webui Onboarding component with platform-specific icon URL
- */
-
-import type { FC } from 'react';
-import { Onboarding as BaseOnboarding } from ' @mmmbuto/webui';
-import { generateIconUrl } from '../../utils/resourceUrl.js';
-
-interface OnboardingPageProps {
-  onLogin: () => void;
-}
-
-/**
- * VSCode Onboarding wrapper
- * Provides platform-specific icon URL to the webui Onboarding component
- */
-export const Onboarding: FC<OnboardingPageProps> = ({ onLogin }) => {
-  const iconUri = generateIconUrl('icon.png');
-
-  return <BaseOnboarding iconUrl={iconUri} onGetStarted={onLogin} />;
-};

package/packages/vscode-ide-companion/src/webview/components/messages/toolcalls/ToolCall.tsx

@@ -1,29 +0,0 @@
-/**
- * @license
- * Copyright 2025 Qwen Team
- * SPDX-License-Identifier: Apache-2.0
- *
- * Main ToolCall component - uses factory pattern to route to specialized components
- *
- * This file serves as the public API for tool call rendering.
- * It re-exports the router and types from the toolcalls module.
- */
-
-import type { FC } from 'react';
-import type { ToolCallData } from ' @mmmbuto/webui';
-import { ToolCallRouter } from './index.js';
-
-// Re-export types from webui for backward compatibility
-export type {
-  ToolCallData,
-  BaseToolCallProps as ToolCallProps,
-  ToolCallContent,
-} from ' @mmmbuto/webui';
-
-export const ToolCall: FC<{
-  toolCall: ToolCallData;
-  isFirst?: boolean;
-  isLast?: boolean;
-}> = ({ toolCall, isFirst, isLast }) => (
-  <ToolCallRouter toolCall={toolCall} isFirst={isFirst} isLast={isLast} />
-);

package/packages/vscode-ide-companion/src/webview/components/messages/toolcalls/index.tsx

@@ -1,101 +0,0 @@
-/**
- * @license
- * Copyright 2025 Qwen Team
- * SPDX-License-Identifier: Apache-2.0
- *
- * Tool call component factory - routes to specialized components by kind
- * All UI components are now imported from  @mmmbuto/webui
- */
-
-import type { FC } from 'react';
-import {
-  shouldShowToolCall,
-  // All ToolCall components from webui
-  GenericToolCall,
-  ThinkToolCall,
-  SaveMemoryToolCall,
-  EditToolCall,
-  WriteToolCall,
-  SearchToolCall,
-  UpdatedPlanToolCall,
-  ShellToolCall,
-  ReadToolCall,
-  WebFetchToolCall,
-} from ' @mmmbuto/webui';
-import type { BaseToolCallProps } from ' @mmmbuto/webui';
-
-/**
- * Factory function that returns the appropriate tool call component based on kind
- */
-export const getToolCallComponent = (kind: string): FC<BaseToolCallProps> => {
-  const normalizedKind = kind.toLowerCase();
-
-  // Route to specialized components
-  switch (normalizedKind) {
-    case 'read':
-      return ReadToolCall;
-
-    case 'write':
-      return WriteToolCall;
-
-    case 'edit':
-      return EditToolCall;
-
-    case 'execute':
-    case 'bash':
-    case 'command':
-      return ShellToolCall;
-
-    case 'updated_plan':
-    case 'updatedplan':
-    case 'todo_write':
-    case 'update_todos':
-    case 'todowrite':
-      return UpdatedPlanToolCall;
-
-    case 'search':
-    case 'grep':
-    case 'glob':
-    case 'find':
-      return SearchToolCall;
-
-    case 'think':
-    case 'thinking':
-      return ThinkToolCall;
-
-    case 'save_memory':
-    case 'savememory':
-    case 'memory':
-      return SaveMemoryToolCall;
-
-    case 'fetch':
-    case 'web_fetch':
-    case 'webfetch':
-    case 'web_search':
-    case 'websearch':
-      return WebFetchToolCall;
-
-    default:
-      // Fallback to generic component
-      return GenericToolCall;
-  }
-};
-
-/**
- * Main tool call component that routes to specialized implementations
- */
-export const ToolCallRouter: React.FC<BaseToolCallProps> = ({ toolCall }) => {
-  // Check if we should show this tool call (hide internal ones)
-  if (!shouldShowToolCall(toolCall.kind)) {
-    return null;
-  }
-
-  // Get the appropriate component for this kind
-  const Component = getToolCallComponent(toolCall.kind);
-
-  // Render the specialized component
-  return <Component toolCall={toolCall} />;
-};
-
-// Re-export types for convenience
-export type { BaseToolCallProps, ToolCallData } from ' @mmmbuto/webui';

package/packages/vscode-ide-companion/src/webview/context/VSCodePlatformProvider.tsx

@@ -1,171 +0,0 @@
-/**
- * @license
- * Copyright 2025 Qwen Team
- * SPDX-License-Identifier: Apache-2.0
- *
- * VSCode Platform Provider - Adapts VSCode API to PlatformContext
- * This allows webui components to work with VSCode's messaging system
- */
-
-import { useMemo, useCallback, useEffect, useRef } from 'react';
-import type { FC, ReactNode } from 'react';
-import { PlatformProvider } from ' @mmmbuto/webui';
-import type { PlatformContextValue } from ' @mmmbuto/webui';
-import { useVSCode } from '../hooks/useVSCode.js';
-import { generateIconUrl } from '../utils/resourceUrl.js';
-
-/**
- * Props for VSCodePlatformProvider
- */
-interface VSCodePlatformProviderProps {
-  children: ReactNode;
-}
-
-/**
- * VSCodePlatformProvider - Provides platform context for VSCode extension
- *
- * This component bridges the VSCode API with the platform-agnostic webui components.
- * It wraps children with PlatformProvider and provides VSCode-specific implementations.
- */
-export const VSCodePlatformProvider: FC<VSCodePlatformProviderProps> = ({
-  children,
-}) => {
-  const vscode = useVSCode();
-  const messageHandlersRef = useRef<Set<(message: unknown) => void>>(new Set());
-
-  // Set up message listener
-  useEffect(() => {
-    const handleMessage = (event: MessageEvent) => {
-      messageHandlersRef.current.forEach((handler) => {
-        handler(event.data);
-      });
-    };
-
-    window.addEventListener('message', handleMessage);
-    return () => window.removeEventListener('message', handleMessage);
-  }, []);
-
-  // Open file handler
-  const openFile = useCallback(
-    (path: string) => {
-      vscode.postMessage({
-        type: 'openFile',
-        data: { path },
-      });
-    },
-    [vscode],
-  );
-
-  // Open diff handler
-  const openDiff = useCallback(
-    (
-      path: string,
-      oldText: string | null | undefined,
-      newText: string | undefined,
-    ) => {
-      vscode.postMessage({
-        type: 'openDiff',
-        data: {
-          path,
-          oldText: oldText ?? '',
-          newText: newText ?? '',
-        },
-      });
-    },
-    [vscode],
-  );
-
-  // Open temp file handler
-  const openTempFile = useCallback(
-    (content: string, fileName: string = 'temp') => {
-      vscode.postMessage({
-        type: 'createAndOpenTempFile',
-        data: {
-          content,
-          fileName,
-        },
-      });
-    },
-    [vscode],
-  );
-
-  // Attach file handler
-  const attachFile = useCallback(() => {
-    vscode.postMessage({
-      type: 'attachFile',
-      data: {},
-    });
-  }, [vscode]);
-
-  // Login handler
-  const login = useCallback(() => {
-    vscode.postMessage({
-      type: 'login',
-      data: {},
-    });
-  }, [vscode]);
-
-  // Copy to clipboard handler
-  const copyToClipboard = useCallback(async (text: string) => {
-    try {
-      await navigator.clipboard.writeText(text);
-    } catch (err) {
-      console.error('Failed to copy to clipboard:', err);
-    }
-  }, []);
-
-  // Get resource URL handler (for icons and other assets)
-  const getResourceUrl = useCallback(
-    (resourceName: string) => generateIconUrl(resourceName) || undefined,
-    [],
-  );
-
-  // Subscribe to messages
-  const onMessage = useCallback((handler: (message: unknown) => void) => {
-    messageHandlersRef.current.add(handler);
-    return () => {
-      messageHandlersRef.current.delete(handler);
-    };
-  }, []);
-
-  // Build platform context value
-  const platformValue = useMemo<PlatformContextValue>(
-    () => ({
-      platform: 'vscode',
-      postMessage: vscode.postMessage,
-      onMessage,
-      openFile,
-      openDiff,
-      openTempFile,
-      attachFile,
-      login,
-      copyToClipboard,
-      getResourceUrl,
-      features: {
-        canOpenFile: true,
-        canOpenDiff: true,
-        canOpenTempFile: true,
-        canAttachFile: true,
-        canLogin: true,
-        canCopy: true,
-      },
-    }),
-    [
-      vscode.postMessage,
-      onMessage,
-      openFile,
-      openDiff,
-      openTempFile,
-      attachFile,
-      login,
-      copyToClipboard,
-      getResourceUrl,
-    ],
-  );
-
-  return (
-    <PlatformProvider value={platformValue}>
-      {children as React.ReactNode}
-    </PlatformProvider>
-  );
-};

package/packages/vscode-ide-companion/src/webview/handlers/AuthMessageHandler.ts

@@ -1,83 +0,0 @@
-/**
- * @license
- * Copyright 2025 Qwen Team
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import * as vscode from 'vscode';
-import { BaseMessageHandler } from './BaseMessageHandler.js';
-
-/**
- * Auth message handler
- * Handles all authentication-related messages
- */
-export class AuthMessageHandler extends BaseMessageHandler {
-  private loginHandler: (() => Promise<void>) | null = null;
-
-  canHandle(messageType: string): boolean {
-    return ['login'].includes(messageType);
-  }
-
-  async handle(message: { type: string; data?: unknown }): Promise<void> {
-    switch (message.type) {
-      case 'login':
-        await this.handleLogin();
-        break;
-
-      default:
-        console.warn(
-          '[AuthMessageHandler] Unknown message type:',
-          message.type,
-        );
-        break;
-    }
-  }
-
-  /**
-   * Set login handler
-   */
-  setLoginHandler(handler: () => Promise<void>): void {
-    this.loginHandler = handler;
-  }
-
-  /**
-   * Handle login request
-   */
-  private async handleLogin(): Promise<void> {
-    try {
-      console.log('[AuthMessageHandler] Login requested');
-      console.log(
-        '[AuthMessageHandler] Login handler available:',
-        !!this.loginHandler,
-      );
-
-      // Direct login without additional confirmation
-      if (this.loginHandler) {
-        console.log('[AuthMessageHandler] Calling login handler');
-        await this.loginHandler();
-        console.log(
-          '[AuthMessageHandler] Login handler completed successfully',
-        );
-      } else {
-        console.log('[AuthMessageHandler] Using fallback login method');
-        // Fallback: show message and use command
-        vscode.window.showInformationMessage(
-          'Please wait while we connect to Qwen Code...',
-        );
-        await vscode.commands.executeCommand('qwen-code.login');
-      }
-    } catch (error) {
-      console.error('[AuthMessageHandler] Login failed:', error);
-      console.error(
-        '[AuthMessageHandler] Error stack:',
-        error instanceof Error ? error.stack : 'N/A',
-      );
-      this.sendToWebView({
-        type: 'loginError',
-        data: {
-          message: `Login failed: ${error instanceof Error ? error.message : String(error)}`,
-        },
-      });
-    }
-  }
-}