rename 'Prompt Chain' to 'Prompt Threads' across UI

Author: aboderinsamuel

app/chains/new/page.tsx

@@ -73,7 +73,7 @@ export default function NewChainPage() {
     setError(null);
 
     if (!title.trim()) {
-      setError("Please enter a title for your chain.");
+      setError("Please enter a title for your thread.");
       return;
     }
 
@@ -124,11 +124,11 @@ export default function NewChainPage() {
           href="/chains"
           className="inline-flex items-center text-sm text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100 transition-colors mb-6 sm:mb-8"
         >
-          ← Back to Chains
+          ← Back to Threads
         </Link>
 
         <h1 className="text-xl sm:text-2xl font-semibold text-neutral-900 dark:text-neutral-100 mb-6 sm:mb-8">
-          New Chain
+          New Thread
         </h1>
 
         {/* Error display */}
@@ -162,7 +162,7 @@ export default function NewChainPage() {
             <textarea
               value={description}
               onChange={(e) => setDescription(e.target.value)}
-              placeholder="Describe what this chain does..."
+              placeholder="Describe what this thread does..."
               rows={2}
               className="w-full px-3 py-2 text-sm rounded-lg border border-neutral-200 dark:border-neutral-700 bg-white dark:bg-neutral-900 text-neutral-900 dark:text-neutral-100 placeholder:text-neutral-400 dark:placeholder:text-neutral-500 focus:outline-none focus:ring-2 focus:ring-neutral-400 dark:focus:ring-neutral-600 resize-y"
             />
@@ -211,7 +211,7 @@ export default function NewChainPage() {
             disabled={saving}
             className="px-6 py-2.5 bg-neutral-900 hover:bg-neutral-800 dark:bg-neutral-100 dark:hover:bg-neutral-200 dark:text-neutral-900 text-white text-sm font-medium rounded-full transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
           >
-            {saving ? "Saving..." : "Save Chain"}
+            {saving ? "Saving..." : "Save Thread"}
           </button>
           <Link
             href="/chains"

app/chains/page.tsx

@@ -56,7 +56,7 @@ export default function ChainsPage() {
         <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-6 sm:mb-8">
           <div>
             <h1 className="text-xl sm:text-2xl font-semibold text-neutral-900 dark:text-neutral-100">
-              Prompt Chains
+              Prompt Threads
             </h1>
             <p className="mt-1 text-sm text-neutral-500 dark:text-neutral-400">
               Build multi-step prompt workflows and run them sequentially.
@@ -66,7 +66,7 @@ export default function ChainsPage() {
             href="/chains/new"
             className="inline-flex items-center justify-center px-4 py-2 bg-neutral-900 hover:bg-neutral-800 dark:bg-neutral-100 dark:hover:bg-neutral-200 dark:text-neutral-900 text-white text-sm font-medium rounded-full transition-colors self-start sm:self-auto"
           >
-            + New Chain
+            + New Thread
           </Link>
         </div>
 
@@ -81,7 +81,7 @@ export default function ChainsPage() {
         {loading && (
           <div className="flex items-center justify-center py-16">
             <div className="text-sm text-neutral-500 dark:text-neutral-400">
-              Loading chains...
+              Loading threads...
             </div>
           </div>
         )}
@@ -105,16 +105,16 @@ export default function ChainsPage() {
               </svg>
             </div>
             <h2 className="text-lg font-medium text-neutral-900 dark:text-neutral-100 mb-2">
-              No chains yet
+              No threads yet
             </h2>
             <p className="text-sm text-neutral-500 dark:text-neutral-400 mb-6 max-w-sm">
-              Create your first prompt chain to build multi-step AI workflows. Chain prompts together and run them in sequence.
+              Create your first prompt thread to build multi-step AI workflows. Thread prompts together and run them in sequence.
             </p>
             <Link
               href="/chains/new"
               className="inline-flex items-center px-4 py-2 bg-neutral-900 hover:bg-neutral-800 dark:bg-neutral-100 dark:hover:bg-neutral-200 dark:text-neutral-900 text-white text-sm font-medium rounded-full transition-colors"
             >
-              Create your first chain
+              Create your first thread
             </Link>
           </div>
         )}

app/home/page.tsx

@@ -9,7 +9,7 @@ import { useAuth } from "@/components/AuthProvider";
 
 const features = [
   {
-    title: "Prompt Chains",
+    title: "Prompt Threads",
     description: "Thread prompts together in sequences. Each step feeds into the next, building complex AI workflows.",
     icon: (
       <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">

components/Header.tsx

@@ -72,7 +72,7 @@ export function Header({ promptCount, showMobileMenu = true }: HeaderProps) {
           >
             <div className="relative">
               <div className="w-full px-4 py-2 pl-10 bg-neutral-100 dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 text-neutral-500 dark:text-neutral-300 rounded-full group-hover:bg-neutral-200 dark:group-hover:bg-neutral-700 transition-colors text-sm">
-                Search prompts, chains, tags...
+                Search prompts, threads, tags...
               </div>
               <svg className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-neutral-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
@@ -143,7 +143,7 @@ export function Header({ promptCount, showMobileMenu = true }: HeaderProps) {
                       </Link>
                       <Link href="/chains" onClick={() => setIsAccountMenuOpen(false)} className="flex items-center gap-3 px-4 py-2.5 hover:bg-neutral-100 dark:hover:bg-neutral-800 transition-colors">
                         <svg className="w-5 h-5 text-neutral-600 dark:text-neutral-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" /></svg>
-                        <p className="text-sm font-medium text-neutral-900 dark:text-neutral-100">Chains</p>
+                        <p className="text-sm font-medium text-neutral-900 dark:text-neutral-100">Threads</p>
                       </Link>
                       {/* OCR - mobile and dropdown only */}
                       <Link href="/ocr" onClick={() => setIsAccountMenuOpen(false)} className="flex items-center gap-3 px-4 py-2.5 hover:bg-neutral-100 dark:hover:bg-neutral-800 transition-colors">

components/SearchPalette.tsx

@@ -55,8 +55,8 @@ export function SearchPalette() {
     () => [
       { id: "home", title: "Home", href: "/", type: "page" },
       { id: "new", title: "New Prompt", href: "/prompts/new", type: "page" },
-      { id: "chains", title: "Chains", subtitle: "Prompt chains & workflows", href: "/chains", type: "page" },
-      { id: "new-chain", title: "New Chain", href: "/chains/new", type: "page" },
+      { id: "chains", title: "Threads", subtitle: "Prompt threads & workflows", href: "/chains", type: "page" },
+      { id: "new-chain", title: "New Thread", href: "/chains/new", type: "page" },
       { id: "ocr", title: "OCR", subtitle: "Extract text from images", href: "/ocr", type: "page" },
       { id: "settings", title: "Settings", href: "/settings", type: "page" },
       { id: "docs", title: "Documentation", href: "/docs", type: "page" },

components/Sidebar.tsx

@@ -29,7 +29,7 @@ export function Sidebar({ prompts, activeTag }: SidebarProps) {
           href="/chains"
           className="block font-semibold text-neutral-900 dark:text-neutral-100 hover:opacity-70 transition-opacity mb-3"
         >
-          Chains
+          Threads
         </Link>
 
         <div className="border-t border-neutral-200 dark:border-neutral-800 pt-4">