Feature/cache parsing

CLAUDE.md

@@ -393,20 +393,3 @@ The extension supports all current Claude models:
 - Handle model-specific capabilities and limitations
 - Provide fallbacks for deprecated model versions
 - Support both alias and full model names
-
-## Future Enhancements
-
-### Planned Features
-
-- MCP (Model Context Protocol) server integration
-- Visual session management with history
-- Advanced tool permission management
-- Team/shared configuration support
-- Performance monitoring and usage analytics
-
-### Architecture Evolution
-
-- Plugin system for custom integrations
-- Advanced caching for improved performance
-- Real-time collaboration features
-- Integration with other AI development tools

Makefile

@@ -110,11 +110,8 @@ test-watch:
 
 # Run linting and fix issues
 lint:
-	@echo "🔍 Running ESLint..."
-	@npm run lint -- --fix || true
-	@echo ""
-	@echo "📋 Checking for remaining issues..."
-	@npm run lint
+	@echo "🔍 Running ESLint with auto-fix..."
+	@npm run lint -- --fix
 	@echo "✅ Linting complete"
 
 # Run all validation

README.md

@@ -2,6 +2,8 @@
 
 A Visual Studio Code extension that provides a seamless interface for executing Claude Code commands directly from your development environment.
 
+[Visual Studio Market place](https://marketplace.visualstudio.com/items?itemName=Codingworkflow.claude-runner)
+
 ## Features
 
 - **Model Selection**: Choose from all available Claude models (Opus 4, Sonnet 4, Sonnet 3.7, Haiku 3.5)

VERSION

@@ -1 +1 @@
-0.1.0
+0.1.1

jest.config.js

@@ -7,20 +7,20 @@ module.exports = {
     "**/?(*.)+(spec|test).+(ts|tsx|js)",
   ],
   transform: {
-    "^.+\\.(ts|tsx)$": "ts-jest",
+    "^.+\\.(ts|tsx)$": [
+      "ts-jest",
+      {
+        useESM: false,
+        tsconfig: {
+          types: ["jest", "node"],
+        },
+      },
+    ],
   },
   moduleNameMapper: {
     "\\.(css|less|scss|sass)$": "identity-obj-proxy",
     "^vscode$": "<rootDir>/src/test/__mocks__/vscode.js",
   },
   setupFilesAfterEnv: ["<rootDir>/src/test/setup.ts"],
   collectCoverageFrom: ["src/**/*.{ts,tsx}", "!src/**/*.d.ts", "!src/test/**"],
-  globals: {
-    "ts-jest": {
-      useESM: false,
-      tsconfig: {
-        types: ["jest", "node"],
-      },
-    },
-  },
 };

package.json

@@ -2,7 +2,7 @@
   "name": "claude-runner",
   "displayName": "Claude Runner",
   "description": "Execute Claude Code commands directly from VS Code with an intuitive interface",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "publisher": "Codingworkflow",
   "private": true,
   "license": "GPL-3.0",
@@ -17,8 +17,7 @@
   },
   "categories": [
     "Other",
-    "AI",
-    "Development Tools"
+    "Machine Learning"
   ],
   "keywords": [
     "claude",
@@ -221,7 +220,7 @@
     "prepare-marketplace": "node scripts/prepare-marketplace.js",
     "optimize-images": "node scripts/optimize-images.js",
     "quality": "npm run lint && npm run type-check && npm run format:check",
-    "quality:fix": "npm run lint --fix && npm run format",
+    "quality:fix": "npm run lint -- --fix && npm run format",
     "validate": "npm run quality && npm run test:unit",
     "ci": "npm run clean && npm run quality && npm run compile && npm run test:unit"
   },
@@ -265,6 +264,7 @@
     "glob": "^10.3.10",
     "js-yaml": "^4.1.0",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "rxjs": "^7.8.2"
   }
 }

src/components/App.tsx

@@ -196,7 +196,9 @@ const App: React.FC<AppProps> = ({
         >
           Pipeline
         </button>
-        {showAdvancedTabs && (
+        {(showAdvancedTabs ||
+          activeTab === "usage" ||
+          activeTab === "logs") && (
           <>
             <button
               className={`tab-button ${activeTab === "usage" ? "active" : ""}`}
@@ -236,6 +238,7 @@ const App: React.FC<AppProps> = ({
             onUpdateChatPrompt={updateChatPrompt}
             onUpdateShowChatPrompt={updateShowChatPrompt}
             onUpdateParallelTasksCount={updateParallelTasksCount}
+            onShowUsageAndLogs={() => updateActiveTab("usage")}
             disabled={status === "starting" || status === "stopping"}
           />
         )}

src/components/hooks/useVSCodeAPI.ts

@@ -154,8 +154,12 @@ export const useVSCodeAPI = () => {
   );
 
   const requestUsageReport = useCallback(
-    (period: "today" | "week" | "month") => {
-      sendMessage("requestUsageReport", { period });
+    (
+      period: "today" | "week" | "month" | "hourly",
+      hours?: number,
+      startHour?: number,
+    ) => {
+      sendMessage("requestUsageReport", { period, hours, startHour });
     },
     [sendMessage],
   );

src/components/panels/ChatPanel.tsx

@@ -26,6 +26,7 @@ interface ChatPanelProps {
   onUpdateChatPrompt: (prompt: string) => void;
   onUpdateShowChatPrompt: (show: boolean) => void;
   onUpdateParallelTasksCount: (value: number) => void;
+  onShowUsageAndLogs: () => void;
   disabled: boolean;
 }
 
@@ -48,6 +49,7 @@ const ChatPanel: React.FC<ChatPanelProps> = ({
   onUpdateChatPrompt,
   onUpdateShowChatPrompt,
   onUpdateParallelTasksCount,
+  onShowUsageAndLogs,
   disabled,
 }) => {
   const handleStartChat = () => {
@@ -153,6 +155,22 @@ const ChatPanel: React.FC<ChatPanelProps> = ({
         onUpdateParallelTasksCount={onUpdateParallelTasksCount}
         disabled={disabled}
       />
+
+      {/* Usage & Logs Access */}
+      <Card title="Usage & Logs">
+        <div className="space-y-3">
+          <p className="text-sm opacity-80">
+            View usage reports and logs for your Claude sessions.
+          </p>
+          <Button
+            variant="secondary"
+            onClick={onShowUsageAndLogs}
+            disabled={disabled}
+          >
+            Show Usage & Logs
+          </Button>
+        </div>
+      </Card>
     </>
   );
 };