promptarchitect 0.6.0

package/.vscodeignore

@@ -0,0 +1,7 @@
+.vscode/**
+.vscode-test/**
+src/**
+.gitignore
+tsconfig.json
+**/*.map
+node_modules/**

package/CHANGELOG.md

@@ -0,0 +1,28 @@
+# Change Log
+
+All notable changes to the "promptarchitect" extension will be documented in this file.
+
+## [0.6.0] - 2025-12-22
+
+### Added
+- Published to npm registry for programmatic access
+- Improved stability and performance
+
+### Changed
+- Enhanced build and deployment pipeline
+
+## [0.5.1] - 2025-12-21
+
+### Fixed
+- Fixed authentication flow: users can now easily find the "Create Account" option which directs to the web portal.
+- Fixed OAuth redirect URL issues for Google and GitHub sign-in.
+- Fixed issue where generated prompts included conversational filler (e.g., "Here is the prompt..."). Output is now strictly the prompt content, ready for copy-pasting.
+- Fixed 404 errors when using the chat feature by implementing proper API handlers in the local server.
+
+## [0.5.0] - 2025-12-15
+
+### Added
+- Initial release of PromptArchitect VS Code extension.
+- Chat with AI interface.
+- Prompt generation, refinement, and analysis.
+- Workspace indexing for context-aware prompts.

package/LICENSE

@@ -0,0 +1,44 @@
+PromptArchitect Proprietary License
+
+Copyright (c) 2025 Meraby Labs. All Rights Reserved.
+
+This software and associated documentation files (the "Software") are proprietary 
+and confidential. Unauthorized copying, modification, distribution, or use of this 
+Software, via any medium, is strictly prohibited.
+
+TERMS OF USE:
+
+1. LICENSE GRANT
+   Subject to the terms of this license, Meraby Labs grants you a limited, 
+   non-exclusive, non-transferable license to use the Software solely for your 
+   personal or internal business purposes.
+
+2. RESTRICTIONS
+   You may NOT:
+   - Copy, modify, or distribute the Software
+   - Reverse engineer, decompile, or disassemble the Software
+   - Remove or alter any proprietary notices or labels
+   - Sublicense, sell, rent, or lease the Software
+   - Use the Software to create competing products or services
+
+3. INTELLECTUAL PROPERTY
+   The Software and all copies thereof are proprietary to Meraby Labs and 
+   title thereto remains exclusively with Meraby Labs. All rights not 
+   specifically granted in this license are reserved by Meraby Labs.
+
+4. DISCLAIMER OF WARRANTIES
+   THE SOFTWARE IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 
+   IMPLIED, INCLUDING BUT NOT LIMITED TO WARRANTIES OF MERCHANTABILITY, FITNESS 
+   FOR A PARTICULAR PURPOSE, AND NONINFRINGEMENT.
+
+5. LIMITATION OF LIABILITY
+   IN NO EVENT SHALL MERABY LABS BE LIABLE FOR ANY INDIRECT, INCIDENTAL, 
+   SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OF THE 
+   SOFTWARE.
+
+6. TERMINATION
+   This license is effective until terminated. It will terminate automatically 
+   if you fail to comply with any term of this license.
+
+For licensing inquiries, contact: support@merabylabs.com
+

package/README.md

@@ -0,0 +1,200 @@
+# PromptArchitect for VS Code
+
+> **Prompt Lab** — Craft, Polish, Execute. Your ideas, perfected.
+
+[![VS Code Marketplace](https://img.shields.io/visual-studio-marketplace/v/MerabyLabs.promptarchitect)](https://marketplace.visualstudio.com/items?itemName=MerabyLabs.promptarchitect)
+[![Downloads](https://img.shields.io/visual-studio-marketplace/d/MerabyLabs.promptarchitect)](https://marketplace.visualstudio.com/items?itemName=MerabyLabs.promptarchitect)
+[![Version](https://img.shields.io/badge/version-0.5.0-blue)](https://marketplace.visualstudio.com/items?itemName=MerabyLabs.promptarchitect)
+
+---
+
+## ⚡ NEW: Prompt Lab — 3-Step Workflow
+
+Transform rough ideas into AI-ready prompts with our guided workflow:
+
+| Step | Action | What Happens |
+|------|--------|--------------|
+| **1. Craft** | Write your prompt | Express your intent, attach code/files |
+| **2. Polish** | One-click refinement | Choose Clarity, Detail, Concise, or Technical |
+| **3. Execute** | Send to AI agent | Get results instantly |
+
+> **Look for the ⚡ icon in your Activity Bar** to open Prompt Lab!
+
+---
+
+## 🎯 **Zero Impact on Your AI Usage**
+
+**PromptArchitect uses its own AI backend** — your Copilot, ChatGPT, or Claude usage is never touched.
+
+| ✅ What We Do | ❌ What We DON'T Do |
+|--------------|-------------------|
+| Use our own Gemini API | Use your Copilot credits |
+| Process on our servers | Count against your AI quota |
+| Work instantly — no setup | Require any API key from you |
+| Keep your prompts private | Store or log your content |
+
+> **💡 The Result:** Unlimited prompt refinement without burning through your paid AI subscriptions.
+
+---
+
+## ✨ Features
+
+### ⚡ Prompt Lab Panel
+The complete prompt engineering workspace in your sidebar:
+- **3-Step Workflow** — Craft → Polish → Execute
+- **Smart Refinement** — Four modes to perfect your prompts
+- **Context Attachments** — Add code from editor or files
+- **Quick Actions** — Refactor, Test, Improve, Debug shortcuts
+- **Chat History** — Full conversation with export support
+
+### 📁 Workspace Indexing (NEW in 0.4.0!)
+Index your workspace for context-aware prompt refinement:
+- **Smart Project Understanding** — Automatically detects languages, frameworks, and patterns
+- **Context-Aware Refinement** — Prompts refined with knowledge of your codebase
+- **Lightweight & Fast** — Scans structure without reading all file contents
+- **Privacy-First** — Index stored locally, never uploaded
+
+| Status Bar | Meaning |
+|------------|---------|
+| `$(database) Indexed` | Workspace is indexed, ready for smart refinement |
+| `$(database) Not indexed` | Click to index for better context |
+
+### 🔧 Refinement Modes
+| Mode | Icon | What It Does |
+|------|------|--------------|
+| Clarity | ✨ | Removes ambiguity, improves understanding |
+| Detail | 📝 | Adds specificity and requirements |
+| Concise | ✂️ | Shortens without losing meaning |
+| Technical | ⚙️ | Adds precision for developers |
+
+### 🚀 Generate Prompts
+Transform rough ideas into well-structured, actionable prompts optimized for AI assistants.
+
+### ✏️ Refine Prompts
+Iteratively improve existing prompts with targeted feedback. Select text, provide feedback, get refined results.
+
+### 📊 Analyze Quality
+Get instant quality scores and improvement suggestions for any prompt:
+- **Clarity** — How clear are the instructions?
+- **Specificity** — How specific are the requirements?
+- **Structure** — How well-organized is the prompt?
+- **Actionability** — How actionable is the output?
+
+### 📚 Template Library
+Choose from optimized templates:
+- **Coding** — Programming & development tasks
+- **Writing** — Content creation & copywriting
+- **Research** — Investigation & discovery
+- **Analysis** — Data & business analysis
+- **Fact Check** — Verification & validation
+- **General** — Versatile all-purpose template
+
+## Recent Updates (v0.5.1)
+
+- **Improved Authentication**: Easier sign-up and sign-in flow with Google and GitHub.
+- **Cleaner Outputs**: Generated prompts are now strictly formatted and ready for copy-pasting, with no conversational filler.
+- **Bug Fixes**: Resolved connectivity issues with the chat interface.
+
+## 🎯 Why PromptArchitect?
+
+### 🔥 **Your AI Credits Stay Untouched**
+
+Unlike tools that consume your GitHub Copilot, ChatGPT, or Claude quota, PromptArchitect runs on **our own infrastructure**. Refine 100 prompts a day — your subscriptions won't notice.
+
+| Feature | PromptArchitect | Other Tools |
+|---------|-----------------|-------------|
+| **Uses Your AI Quota** | ❌ Never | ✅ Every request |
+| **API Key Required** | ❌ No setup | ✅ Bring your own |
+| **Unlimited Refinements** | ✅ Yes | ❌ Quota limited |
+| **3-Step Workflow** | ✅ Guided experience | ❌ No guidance |
+| **Quality Scoring** | ✅ Built-in | ❌ Not available |
+| **Template Library** | ✅ 6 optimized templates | ❌ Limited |
+
+## ⚡ Quick Start
+
+1. **Install** from VS Code Marketplace
+2. **Click the ⚡ icon** in the Activity Bar (left sidebar)
+3. **Craft** your prompt in the text area
+4. **Polish** with one-click refinement (optional)
+5. **Execute** and get AI-powered results!
+
+## 🎹 Keyboard Shortcuts
+
+| Action | Windows/Linux | Mac |
+|--------|--------------|-----|
+| Open Prompt Lab | `Ctrl+Shift+C` | `Cmd+Shift+C` |
+| Index Workspace | `Ctrl+Shift+I` | `Cmd+Shift+I` |
+| Execute Prompt | `Enter` | `Enter` |
+| New Line | `Shift+Enter` | `Shift+Enter` |
+| Generate Prompt | `Ctrl+Shift+G` | `Cmd+Shift+G` |
+| Refine Selection | `Ctrl+Shift+R` | `Cmd+Shift+R` |
+| Analyze Prompt | `Ctrl+Shift+A` | `Cmd+Shift+A` |
+
+## 🔧 Commands
+
+All commands available via Command Palette (`Ctrl+Shift+P`):
+
+- `PromptArchitect: Open Prompt Lab` — Opens the Prompt Lab panel
+- `PromptArchitect: Index Workspace for Context` — Index workspace for better refinement
+- `PromptArchitect: Clear Workspace Index` — Clear the workspace index
+- `PromptArchitect: Generate Prompt from Idea`
+- `PromptArchitect: Refine Selected Prompt`
+- `PromptArchitect: Quick Refine Selection` — Instantly refine selected text
+- `PromptArchitect: Analyze Prompt Quality`
+- `PromptArchitect: Browse Prompt Templates`
+
+## ⚙️ Settings
+
+| Setting | Default | Description |
+|---------|---------|-------------|
+| `promptarchitect.defaultTemplate` | `general` | Default template for generation |
+| `promptarchitect.targetModel` | `general` | Target AI model to optimize for |
+| `promptarchitect.showStatusBar` | `true` | Show status bar item |
+| `promptarchitect.useWorkspaceContext` | `true` | Include workspace context in refinements |
+| `promptarchitect.autoPromptIndex` | `true` | Auto-prompt to index when workspace not indexed |
+
+## 🔒 Privacy & Usage
+
+- **🚫 No API key required** — We handle all AI processing on our servers
+- **🚫 No impact on your AI subscriptions** — Copilot, ChatGPT, Claude credits untouched
+- **🚫 No prompts stored** — Your content is processed and immediately discarded
+- **🚫 No telemetry** — We don't track your usage patterns, except tracking cost for internal billing & optimization
+
+## 📝 Examples
+
+### The 3-Step Workflow in Action
+
+**Step 1 - Craft:**
+```
+write a function to validate email addresses
+```
+
+**Step 2 - Polish (Clarity mode):**
+```
+Implement a robust email validation function that:
+- Validates standard email format (RFC 5322)
+- Handles international domain names
+- Returns detailed validation result with error messages
+```
+
+**Step 3 - Execute:**
+AI responds with complete implementation including tests!
+
+---
+
+## 🔗 Related Products
+
+| Product | Description |
+|---------|-------------|
+| **[PromptArchitect MCP](https://www.npmjs.com/package/@merabylabs/promptarchitect-mcp)** | MCP server for Claude Desktop, Cursor, Windsurf & more |
+| **[PromptArchitect Web](https://promptarchitectlabs.com)** | Full-featured web application |
+
+## 🤝 Support
+
+- [Website](https://promptarchitectlabs.com)
+- [Support](https://promptarchitectlabs.com/support)
+- [GitHub Issues](https://github.com/merabylabs/promptarchitect/issues)
+
+## 📄 License
+
+Proprietary © Meraby Labs. All Rights Reserved.

package/docs/CHAT_UI_REDESIGN_PLAN.md

@@ -0,0 +1,371 @@
+# PromptArchitect Chat UI Redesign Plan
+
+## Current Issues Identified
+
+1. **Input Area Too Small** - The textarea has `min-height: 50px` and `max-height: 120px`, cramped for complex prompts
+2. **Cluttered Layout** - Three workflow steps stacked vertically take up significant space
+3. **Feature Discoverability** - Polish options buried in middle section
+4. **Visual Hierarchy** - All elements compete for attention equally
+5. **Mobile/Narrow Panel Issues** - Components don't adapt well to narrow sidebar widths
+
+---
+
+## Redesign Goals
+
+| Goal | Description |
+|------|-------------|
+| **Spacious Input** | 3-4x larger input area that expands naturally |
+| **Clean Interface** | Remove visual clutter, use progressive disclosure |
+| **Feature Discovery** | Key features visible but not overwhelming |
+| **Responsive** | Works in narrow sidebar and wide panel modes |
+| **Modern Feel** | Contemporary design with subtle animations |
+
+---
+
+## Proposed Layout: "Floating Composer" Design
+
+### Concept
+Replace the rigid 3-step vertical stack with a **floating composer** that dominates the view when active, with features revealed contextually.
+
+```
+┌──────────────────────────────────────┐
+│ ⚡ Architect              [🗒️] [📤] │  ← Minimal header
+├──────────────────────────────────────┤
+│                                      │
+│    [Empty state / Chat messages]     │  ← Chat area (scrollable)
+│                                      │
+│                                      │
+├──────────────────────────────────────┤
+│ ┌──────────────────────────────────┐ │
+│ │                                  │ │
+│ │  [Large textarea - 6+ lines]    │ │  ← Expanded input
+│ │                                  │ │
+│ │                                  │ │
+│ └──────────────────────────────────┘ │
+│                                      │
+│ [📎 Code] [📄 File] [📁 Indexed]    │  ← Inline attachment bar
+│                                      │
+│ ┌──────────────────────────────────┐ │
+│ │ ✨ Polish: [Clarity] [Detail]   │ │  ← Collapsed by default
+│ │           [Concise] [Technical] │ │     Expands on hover/click
+│ └──────────────────────────────────┘ │
+│                                      │
+│ [==========  ⚡ Execute  ==========] │  ← Full-width execute button
+│                                      │
+│     ↵ send · ⇧↵ new line            │  ← Keyboard hints
+└──────────────────────────────────────┘
+```
+
+---
+
+## Component Specifications
+
+### 1. Input Textarea (Priority: HIGH)
+
+**Current:**
+```css
+.chat-input {
+  min-height: 50px;
+  max-height: 120px;
+}
+```
+
+**Proposed:**
+```css
+.chat-input {
+  min-height: 100px;      /* 2x current minimum */
+  max-height: 300px;      /* 2.5x current maximum */
+  height: auto;           /* Grows with content */
+  font-size: 13px;        /* Slightly larger */
+  line-height: 1.6;       /* Better readability */
+  padding: 14px 16px;     /* More breathing room */
+}
+```
+
+**Behavior:**
+- Auto-expands as user types
+- Shrinks back when content deleted
+- Smooth height transition animation
+- Scroll appears only when max-height reached
+
+### 2. Attachments Bar (Priority: MEDIUM)
+
+**New Design:**
+- Horizontal inline bar below input
+- Shows workspace index status as a badge
+- Compact chips for attached files/code
+- One-click to remove attachments
+
+```html
+<div class="attachments-bar">
+  <button class="attach-btn"><span>📎</span> Code</button>
+  <button class="attach-btn"><span>📄</span> File</button>
+  <span class="index-badge indexed">📁 Indexed</span>
+  <!-- Dynamic chips appear here -->
+  <div class="attachment-chip">App.tsx <button>×</button></div>
+</div>
+```
+
+### 3. Polish Section (Priority: HIGH)
+
+**New Design: Collapsible Toolbar**
+- Collapsed by default showing just "✨ Polish"
+- Expands on hover/click to show refinement modes
+- Visual indicator when polished
+- Auto-collapses after selection
+
+```html
+<div class="polish-toolbar collapsed">
+  <button class="polish-toggle">
+    <span>✨</span> Polish your prompt
+    <span class="chevron">▼</span>
+  </button>
+  <div class="polish-options">
+    <button data-mode="clarity">✨ Clarity</button>
+    <button data-mode="detailed">📝 Detail</button>
+    <button data-mode="concise">✂️ Concise</button>
+    <button data-mode="technical">⚙️ Technical</button>
+  </div>
+</div>
+```
+
+**CSS:**
+```css
+.polish-toolbar {
+  overflow: hidden;
+  transition: max-height 0.2s ease;
+}
+
+.polish-toolbar.collapsed {
+  max-height: 36px;
+}
+
+.polish-toolbar.expanded {
+  max-height: 100px;
+}
+
+.polish-options {
+  display: flex;
+  gap: 6px;
+  flex-wrap: wrap;
+  padding: 8px 0;
+}
+```
+
+### 4. Execute Button (Priority: HIGH)
+
+**New Design:**
+- Full-width prominent button
+- Gradient background with animation on hover
+- Clear icon and text
+- Disabled state during execution
+
+```css
+.execute-btn {
+  width: 100%;
+  padding: 14px 20px;
+  font-size: 14px;
+  font-weight: 600;
+  background: linear-gradient(135deg, #0078d4, #106ebe);
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0,120,212,0.3);
+  transition: all 0.2s ease;
+}
+
+.execute-btn:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(0,120,212,0.4);
+}
+
+.execute-btn:active {
+  transform: translateY(0);
+}
+```
+
+### 5. Remove Step Numbers
+
+**Rationale:** The numbered steps (1, 2, 3) add visual clutter without much benefit. Users understand the flow without explicit numbering.
+
+**Change:**
+- Remove `<span class="step-number">1</span>` etc.
+- Use subtle section dividers instead
+- Keep labels: "Write", "Polish", "Execute"
+
+### 6. Keyboard Shortcuts Section
+
+**New Design:**
+- Subtle, de-emphasized text
+- Only appears when input focused
+- Fades out after 3 seconds
+
+```css
+.keyboard-hints {
+  opacity: 0;
+  transition: opacity 0.3s;
+  font-size: 10px;
+  color: var(--vscode-descriptionForeground);
+  text-align: center;
+  padding: 6px 0;
+}
+
+.input-focused .keyboard-hints {
+  opacity: 0.6;
+}
+```
+
+---
+
+## Mobile/Narrow Sidebar Adaptations
+
+```css
+/* When sidebar is narrow (<300px) */
+@media (max-width: 300px) {
+  .polish-options {
+    flex-direction: column;
+  }
+  
+  .polish-options button {
+    width: 100%;
+    justify-content: flex-start;
+  }
+  
+  .attachments-bar {
+    flex-wrap: wrap;
+  }
+}
+```
+
+---
+
+## Color & Theme Considerations
+
+**Light Theme:**
+- Input background: `var(--vscode-input-background)`
+- Execute button: VS Code blue (`#0078d4`)
+- Polish buttons: Secondary background with border
+
+**Dark Theme:**
+- Input background: Slightly lighter than sidebar
+- Execute button: Brighter blue (`#3794ff`)
+- Polish buttons: Darker background with subtle border
+
+---
+
+## Animation & Microinteractions
+
+1. **Input Focus:**
+   - Border color transitions to `--vscode-focusBorder`
+   - Subtle glow effect
+
+2. **Polish Selection:**
+   - Button pulses briefly when clicked
+   - Checkmark appears momentarily
+
+3. **Execute:**
+   - Button scales down on click
+   - Spinner replaces icon during execution
+
+4. **Attachment Added:**
+   - Chip slides in from left
+   - Gentle bounce animation
+
+---
+
+## Implementation Phases
+
+### Phase 1: Input Area Expansion (1 hour)
+- [x] Increase min-height to 100px
+- [x] Increase max-height to 300px
+- [x] Add auto-resize behavior
+- [x] Update padding and font size
+
+### Phase 2: Simplify Layout (2 hours)
+- [x] Remove step numbers
+- [x] Merge attachment buttons into input footer
+- [x] Make polish section collapsible
+- [x] Streamline execute section
+
+### Phase 3: Visual Polish (1 hour)
+- [x] Update button styles
+- [x] Add hover/focus states
+- [x] Implement animations
+- [x] Test in light/dark themes
+
+### Phase 4: Responsive Testing (30 mins)
+- [x] Test narrow sidebar
+- [x] Test wide panel mode
+- [x] Adjust breakpoints as needed
+
+---
+
+## Success Metrics
+
+| Metric | Current | Target |
+|--------|---------|--------|
+| Input visible lines | 2-3 | 5-8 |
+| Steps to execute | 3 clicks | 1-2 clicks |
+| Visual elements in input area | 15+ | 8-10 |
+| Time to understand UI | ~10s | ~3s |
+
+---
+
+## Mockup Comparison
+
+### Before (Current)
+```
+[1] Craft - Write your prompt
+┌─────────────────────────┐
+│ [tiny textarea]         │
+└─────────────────────────┘
+[📎 Code] [📄 File]
+
+[2] Polish - Optional
+[✨ Clarity] [📝 Detail] [✂️ Concise] [⚙️ Tech] [📋]
+
+[3] Execute
+[======= ⚡ Execute Prompt =======]
+
+↵ execute · ⇧↵ new line
+```
+
+### After (Redesigned)
+```
+┌─────────────────────────────────┐
+│                                 │
+│    [LARGE textarea area]        │
+│    - Auto expands with content  │
+│    - 5-8 visible lines          │
+│                                 │
+│ [📎 Code] [📄 File] [📁 Indexed]│
+└─────────────────────────────────┘
+
+[✨ Polish ▼] ← expands on click
+  [Clarity] [Detail] [Concise] [Technical]
+
+[============ ⚡ Execute ============]
+              ↵ send
+```
+
+---
+
+## Files to Modify
+
+1. `vscode-extension/src/providers/aiChatViewProvider.ts`
+   - Update `getHtmlContent()` method
+   - Modify CSS styles
+   - Update JavaScript handlers
+
+2. `vscode-extension/src/refinerPanel.ts`
+   - Sync design language if needed
+
+3. `vscode-extension/package.json`
+   - Bump version to 0.5.0
+
+---
+
+## Notes
+
+- Keep all existing functionality intact
+- Ensure backward compatibility with saved chat history
+- Test with screen readers for accessibility
+- Consider adding a "compact mode" setting for users who prefer dense UI

package/images/hub-icon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"/>
+  <path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"/>
+  <path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/>
+  <path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/>
+</svg>

package/images/prompt-lab-icon.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <!-- Document base -->
+  <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
+  <polyline points="14 2 14 8 20 8"/>
+  <!-- Prompt lines -->
+  <line x1="8" y1="13" x2="16" y2="13"/>
+  <line x1="8" y1="17" x2="12" y2="17"/>
+  <!-- Magic sparkles -->
+  <path d="M18 3l1 2 2 1-2 1-1 2-1-2-2-1 2-1z" fill="currentColor" stroke="none"/>
+  <circle cx="20" cy="13" r="1" fill="currentColor" stroke="none"/>
+</svg>