feat: Saved prompts feature

app-prefixable/src/app.tsx

@@ -3,6 +3,7 @@ import { BasePathProvider, useBasePath } from "./context/base-path"
 import { BrandingProvider } from "./context/branding"
 import { CommandProvider } from "./context/command"
 import { RecentProjectsProvider } from "./context/recent-projects"
+import { SavedPromptsProvider } from "./context/saved-prompts"
 import { DirectoryLayout } from "./pages/directory-layout"
 import { HomeLayout } from "./pages/home-layout"
 import { Session } from "./pages/session"
@@ -62,9 +63,11 @@ export function App() {
     <BasePathProvider>
       <BrandingProvider>
         <RecentProjectsProvider>
-          <CommandProvider>
-            <AppRoutes />
-          </CommandProvider>
+          <SavedPromptsProvider>
+            <CommandProvider>
+              <AppRoutes />
+            </CommandProvider>
+          </SavedPromptsProvider>
         </RecentProjectsProvider>
       </BrandingProvider>
     </BasePathProvider>

app-prefixable/src/components/picker-dialog.tsx

@@ -16,10 +16,11 @@ interface Props {
   onClose: () => void
   emptyMessage?: string
   placeholder?: string
+  initialFilter?: string
 }
 
 export function PickerDialog(props: Props) {
-  const [filter, setFilter] = createSignal("")
+  const [filter, setFilter] = createSignal(props.initialFilter ?? "")
   const [activeIndex, setActiveIndex] = createSignal(0)
   let inputRef: HTMLInputElement | undefined
   let listRef: HTMLDivElement | undefined

app-prefixable/src/context/saved-prompts.tsx

@@ -0,0 +1,105 @@
+import { createContext, useContext, createSignal, type ParentProps } from "solid-js"
+
+interface SavedPrompt {
+  id: string
+  title: string
+  text: string
+  createdAt: number
+}
+
+interface SavedPromptsContextValue {
+  prompts: () => SavedPrompt[]
+  add: (title: string, text: string) => void
+  update: (id: string, fields: Partial<Pick<SavedPrompt, "title" | "text">>) => void
+  remove: (id: string) => void
+  reorder: (ids: string[]) => void
+}
+
+const STORAGE_KEY = "opencode.savedPrompts"
+
+const SavedPromptsContext = createContext<SavedPromptsContextValue>()
+
+function loadFromStorage(): SavedPrompt[] {
+  try {
+    const stored = localStorage.getItem(STORAGE_KEY)
+    if (!stored) return []
+    const parsed = JSON.parse(stored)
+    if (!Array.isArray(parsed)) return []
+    return parsed.filter(
+      (p): p is SavedPrompt =>
+        typeof p.id === "string" &&
+        typeof p.title === "string" &&
+        typeof p.text === "string" &&
+        typeof p.createdAt === "number",
+    )
+  } catch {
+    return []
+  }
+}
+
+function saveToStorage(prompts: SavedPrompt[]) {
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(prompts))
+  } catch {
+    // Ignore storage errors
+  }
+}
+
+export function SavedPromptsProvider(props: ParentProps) {
+  const stored = loadFromStorage().sort((a, b) => b.createdAt - a.createdAt)
+  const [prompts, setPrompts] = createSignal<SavedPrompt[]>(stored)
+
+  function add(title: string, text: string) {
+    setPrompts((prev) => {
+      const prompt: SavedPrompt = {
+        id: crypto.randomUUID(),
+        title,
+        text,
+        createdAt: Date.now(),
+      }
+      const updated = [prompt, ...prev]
+      saveToStorage(updated)
+      return updated
+    })
+  }
+
+  function update(id: string, fields: Partial<Pick<SavedPrompt, "title" | "text">>) {
+    setPrompts((prev) => {
+      const updated = prev.map((p) => (p.id === id ? { ...p, ...fields } : p))
+      saveToStorage(updated)
+      return updated
+    })
+  }
+
+  function remove(id: string) {
+    setPrompts((prev) => {
+      const filtered = prev.filter((p) => p.id !== id)
+      saveToStorage(filtered)
+      return filtered
+    })
+  }
+
+  function reorder(ids: string[]) {
+    setPrompts((prev) => {
+      const map = new Map(prev.map((p) => [p.id, p]))
+      const reordered = ids.map((id) => map.get(id)).filter(Boolean) as SavedPrompt[]
+      // Append any prompts not in the ids list (shouldn't happen, but be safe)
+      const remaining = prev.filter((p) => !ids.includes(p.id))
+      const updated = [...reordered, ...remaining]
+      saveToStorage(updated)
+      return updated
+    })
+  }
+
+  return (
+    <SavedPromptsContext.Provider value={{ prompts, add, update, remove, reorder }}>
+      {props.children}
+    </SavedPromptsContext.Provider>
+  )
+}
+
+export function useSavedPrompts() {
+  const ctx = useContext(SavedPromptsContext)
+  if (!ctx) throw new Error("useSavedPrompts must be used within SavedPromptsProvider")
+  return ctx
+}