V&C Prompt Manager

V&C Prompt Manager is a VS Code extension that brings your curated prompts from Vibe & Code (www.vibeandcode.in) directly into your editor, so you can browse, edit, and use them quickly in your day-to-day work.

This extension emphasizes a clean, focused workflow:

• Fetch your prompts from a secure API using a one-time or short-lived token.
• Work from a local cache (no repeated API calls needed).
• Search by prompt detail, edit the prompt, reset to original, copy, or execute it in Chat.
• Convenient dropdown menu for token and cache controls, plus a quick link to Vibe & Code.
• Title bar actions to place the view on the left or right sidebar (on newer VS Code versions).

Key Features

• Vibe & Code Integration

  • Secure, token-based fetch from www.vibeandcode.in.
  • One-time or short-lived tokens are expected. The extension caches the result locally and continues working even if the token or remote data expires.

• Simple, Vertical Layout (Single-Column)

  • A streamlined interface where the prompt details list appears above the full prompt editor.
  • Select a prompt detail to load the full prompt into the editor area for immediate review or customization.

• Search & Filtering

  • Filter prompts by their short detail/title (promptDetail). Results update as you type.

• Edit, Reset, Copy, Execute

  • Edit the full prompt text freely.
  • Reset to original with one click.
  • Copy to clipboard.
  • Execute in Chat (requires a VS Code build that supports Chat; otherwise falls back to copying).

• Dropdown Menu (⋮)

  • Add Token
  • Clear Cache
  • Refresh (reads from cache to rehydrate the view)
  • Open V&C (www.vibeandcode.in)

• Title Bar Placement Controls

  • Move View Left / Move View Right (appears as icons next to the close button in the view’s title bar).
  • On newer VS Code versions, this moves only your view between the Primary Side Bar (left) and the Secondary Side Bar (right).
  • On older versions, it falls back to moving the entire side bar.

How It Works With www.vibeandcode.in

1. Generate Extension Token

   • Go to any Vibe on www.vibeandcode.in
   • Click the "Fetch" button next to the Prompt Thread
   • Copy the generated extension token from the modal

2. Add Token to VS Code Extension

   • Open the dropdown (⋮) and choose Add Token, or run the command:
     • V&C Prompt Manager: Set Token
   • Paste the extension token you copied from the website
   • Prompts will be automatically fetched after saving the token
   • Tokens are stored securely using VS Code Secret Storage

3. Automatic Prompt Fetching

   • Prompts are automatically fetched from the /api/vibes/extension/prompts endpoint when you save a token
   • No need to manually click "Fetch Prompts" - it happens automatically
   • Extension tokens are short-lived (5 minutes) for security

4. Local Cache

   • The extension caches both original prompts and your edits locally
   • Refresh rehydrates from the local cache (no additional network calls)
   • To fetch fresh prompts, choose Clear Cache and fetch again

UI Walkthrough

• Header (Top Toolbar)

  • Filter input (search by promptDetail)
  • Dropdown menu (⋮): Add Token, Clear Cache, Refresh, Open V&C

• Prompt Details (Upper Section)

  • A concise list of prompt details (titles). Click to load one into the editor.

• Full Prompt (Editor Section)

  • A text area where you can edit the selected prompt.
  • Buttons: Reset to Original, Copy, Execute
  • Edits are saved locally and survive restarts.

• View Title Bar (Next to Close Button)

  • Icons to move the view left or right for your preferred layout.

Commands

Use the Command Palette (Ctrl/Cmd + Shift + P):

• V&C Prompt Manager: Focus V&C Prompt Manager — Focus the view.
• V&C Prompt Manager: Set Token — Store a token in Secret Storage.
• V&C Prompt Manager: Remove Token — Remove the saved token.
• V&C Prompt Manager: Clear Cache — Clear locally cached prompts and edits.
• Move View Left — Move the current view to the Primary Side Bar (left).
• Move View Right — Move the current view to the Secondary Side Bar (right) on newer VS Code; fallback moves the entire side bar.

Requirements & Compatibility

• VS Code: For the best experience—including view placement controls (Secondary Side Bar) and Chat integration—use a modern VS Code build (recommended ≥ 1.85.0).
• Chat: If your VS Code build does not support Chat, the extension falls back to copying the prompt for manual use.
• Network: Only needed for the first-time fetch after you clear cache; otherwise, the extension operates from local cache.

Security & Privacy

• Token Storage: Tokens are stored in VS Code Secret Storage (not in plain text settings).
• Data Flow: The extension only calls the API you configure and caches responses locally. No telemetry or analytics are added by this extension.

Troubleshooting

• No Prompts Showing

  • Ensure you have a valid extension token from www.vibeandcode.in
  • If the token is expired (5-minute lifetime), generate a new one from the website
  • Prompts should automatically fetch when you save a new token
  • If automatic fetch fails, try using the menu (⋮) → "Refresh" to reload from cache

• "Invalid or expired token" Error

  • Extension tokens expire after 5 minutes for security
  • Generate a new token from the website and update it in the extension
  • Use the menu (⋮) → "Add Token" to set the new token

• Move View Right Doesn’t Work

  • Update to a newer VS Code that supports the Secondary (Auxiliary) Side Bar.
  • The extension falls back to moving the entire side bar on older versions.

• Execute Doesn’t Open Chat

  • Use a VS Code version that supports Chat. Otherwise, the extension copies the prompt so you can paste it manually.

FAQ

• How large can a prompt be?

  • Thousands of characters are fine. For practical editing, we recommend staying within ~20,000 characters per prompt.

• Can I categorize prompts?

  • The current version lists prompts by order and promptDetail.

Support & Feedback

• Issues and feature requests: Provide feedback through your support channel or repository issue tracker.
• Visit Vibeandcode: https://www.vibeandcode.in (also available via the extension’s dropdown menu: Open V&C).