refactor(vscode-ide-companion): Refactoring the project structure and updating dependencies

packages/vscode-ide-companion/src/webview/WebViewProvider.ts

@@ -13,7 +13,7 @@ import { AuthStateManager } from '../auth/authStateManager.js';
 import { PanelManager } from '../webview/PanelManager.js';
 import { MessageHandler } from '../webview/MessageHandler.js';
 import { WebViewContent } from '../webview/WebViewContent.js';
-import { CliInstaller } from '../cli/1cliInstaller.js';
+import { CliInstaller } from '../cli/cliInstaller.js';
 import { getFileName } from './utils/webviewUtils.js';
 
 export class WebViewProvider {

packages/vscode-ide-companion/src/webview/components/Timeline.css

@@ -16,7 +16,6 @@
   padding: 16px 20px;
 }
 
-/* Timeline 项目 */
 .timeline-item {
   position: relative;
   display: grid;

packages/vscode-ide-companion/src/webview/index.tsx

@@ -6,9 +6,12 @@
 
 import ReactDOM from 'react-dom/client';
 import { App } from './App.js';
-import './tailwind.css';
-import './App.scss';
-import './ClaudeCodeStyles.css';
+// eslint-disable-next-line import/no-internal-modules
+import './styles/tailwind.css';
+// eslint-disable-next-line import/no-internal-modules
+import './styles/App.css';
+// eslint-disable-next-line import/no-internal-modules
+import './styles/ClaudeCodeStyles.css';
 
 const container = document.getElementById('root');
 if (container) {

packages/vscode-ide-companion/src/webview/styles/App.css

@@ -592,4 +592,4 @@ button {
 .permission-success-text {
   color: #4caf50;
   font-size: 13px;
-}
+}

packages/vscode-ide-companion/src/webview/styles/ClaudeCodeStyles.css

@@ -8,16 +8,16 @@
  */
 
 /* Import component styles */
-@import './components/SaveSessionDialog.css';
-@import './components/SessionManager.css';
-@import './components/EmptyState.css';
-@import './components/CompletionMenu.css';
-@import './components/ContextPills.css';
-@import './components/PlanDisplay.css';
-@import './components/Timeline.css';
-@import './components/shared/FileLink.css';
-@import './components/toolcalls/shared/DiffDisplay.css';
-@import './components/messages/AssistantMessage.css';
+@import '../components/SaveSessionDialog.css';
+@import '../components/SessionManager.css';
+@import '../components/EmptyState.css';
+@import '../components/CompletionMenu.css';
+@import '../components/ContextPills.css';
+@import '../components/PlanDisplay.css';
+@import '../components/Timeline.css';
+@import '../components/shared/FileLink.css';
+@import '../components/toolcalls/shared/DiffDisplay.css';
+@import '../components/messages/AssistantMessage.css';
 
 /* ===========================
    Session Selector Button (from Claude Code .E)
@@ -280,75 +280,3 @@
   --app-warning-foreground: var(--vscode-editorWarning-foreground, #ffcc00);
 }
 
-/* Code Block (from Claude Code ._e) */
-.code-block {
-  background-color: var(--app-code-background);
-  white-space: pre;
-  overflow-x: auto;
-  max-width: 100%;
-  min-width: 0;
-  width: 100%;
-  box-sizing: border-box;
-  padding: 8px;
-  border-radius: 4px;
-  font-family: var(--app-monospace-font-family);
-  font-size: 0.85em;
-}
-
-/* Code content wrapper for better scrolling */
-.code-content {
-  max-height: 300px;
-  overflow-y: auto;
-  display: block;
-}
-
-/* Diff display container */
-.diff-display-container {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.diff-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding-bottom: 4px;
-  border-bottom: 1px solid var(--app-primary-border-color);
-}
-
-.diff-file-path {
-  font-weight: 500;
-  color: var(--app-secondary-foreground);
-}
-
-.open-diff-button {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 4px 8px;
-  background: var(--app-ghost-button-hover-background);
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 0.85em;
-  color: var(--app-secondary-foreground);
-}
-
-.open-diff-button:hover {
-  background: var(--vscode-button-hoverBackground);
-  color: var(--vscode-button-foreground);
-}
-
-.diff-section {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.diff-label {
-  font-weight: 500;
-  color: var(--app-secondary-foreground);
-  font-size: 0.85em;
-}