@geminilight/mindos 0.5.35 → 0.5.36

package/app/app/globals.css

@@ -76,6 +76,7 @@ body {
   --radius: 0.5rem;
   --amber: #c8873a;
   --amber-dim: rgba(200, 135, 58, 0.12);
+  --amber-subtle: rgba(200, 135, 30, 0.08);
   --amber-foreground: #131210;
   --success: #7aad80;
   --error: #c85050;
@@ -110,6 +111,7 @@ body {
   --ring: var(--amber);
   --amber: #d4954a;
   --amber-dim: rgba(212, 149, 74, 0.12);
+  --amber-subtle: rgba(212, 149, 74, 0.10);
   --amber-foreground: #131210;
   --success: #7aad80;
   --error: #c85050;

package/app/components/GuideCard.tsx

@@ -15,10 +15,6 @@ const DIR_ICONS: Record<string, string> = {
 
 const EMPTY_FILES = ['INSTRUCTION.md', 'README.md', 'CONFIG.json'];
 
-/* Shared amber-subtle background — used as inline style because Tailwind can't handle
-   CSS var() with fallback in arbitrary values: bg-[var(--amber-subtle,rgba(...))] breaks. */
-const amberSubtleBg = 'var(--amber-subtle, rgba(200,135,30,0.08))';
-
 interface GuideCardProps {
   /** Called when user clicks a file/dir to open it in FileView */
   onNavigate?: (path: string) => void;
@@ -155,8 +151,7 @@ export default function GuideCard({ onNavigate }: GuideCardProps) {
   // After all next-steps done → final state (auto-dismisses after 8s)
   if (allDone && allNextDone) {
     return (
-      <div className="mb-6 rounded-xl border border-[var(--amber)] px-5 py-4 flex items-center gap-3 animate-in fade-in duration-300"
-        style={{ background: amberSubtleBg }}>
+      <div className="mb-6 rounded-xl border border-[var(--amber)] px-5 py-4 flex items-center gap-3 animate-in fade-in duration-300 bg-[var(--amber-subtle)]">
         <Sparkles size={16} className="animate-spin-slow text-[var(--amber)]" />
         <span className="text-sm font-semibold flex-1 text-foreground">
           ✨ {g.done.titleFinal}
@@ -178,8 +173,7 @@ export default function GuideCard({ onNavigate }: GuideCardProps) {
   if (allDone) {
     const step = nextSteps[nextIdx];
     return (
-      <div className="mb-6 rounded-xl border border-[var(--amber)] px-5 py-4 animate-in fade-in duration-300"
-        style={{ background: amberSubtleBg }}>
+      <div className="mb-6 rounded-xl border border-[var(--amber)] px-5 py-4 animate-in fade-in duration-300 bg-[var(--amber-subtle)]">
         <div className="flex items-center gap-3">
           <Sparkles size={16} className="text-[var(--amber)]" />
           <span className="text-sm font-semibold flex-1 text-foreground">
@@ -204,8 +198,7 @@ export default function GuideCard({ onNavigate }: GuideCardProps) {
 
   // Main guide card with 3 tasks
   return (
-    <div className="mb-6 rounded-xl border border-[var(--amber)] overflow-hidden"
-      style={{ background: amberSubtleBg }}>
+    <div className="mb-6 rounded-xl border border-[var(--amber)] overflow-hidden bg-[var(--amber-subtle)]">
 
       {/* Header */}
       <div className="flex items-center gap-3 px-5 pt-4 pb-2">

package/app/components/HomeContent.tsx

@@ -81,7 +81,7 @@ export default function HomeContent({ recent, existingFiles }: { recent: RecentF
             className="flex-1 flex items-center gap-3 px-4 py-3 rounded-xl border border-border bg-card transition-all duration-150 hover:border-amber-500/50 hover:bg-amber-500/8"
           >
             <Sparkles size={15} className="shrink-0 text-[var(--amber)]" />
-            <span className="text-sm flex-1 text-left text-foreground" aria-live="polite" aria-atomic="true">
+            <span className="text-sm flex-1 text-left text-foreground">
               {suggestions[suggestionIdx]}
             </span>
             <kbd className="hidden sm:inline-flex items-center gap-0.5 px-2 py-0.5 rounded text-xs font-mono font-medium bg-[var(--amber-dim)] text-[var(--amber)]">
@@ -215,8 +215,7 @@ export default function HomeContent({ recent, existingFiles }: { recent: RecentF
               >
                 <ChevronDown
                   size={12}
-                  className="transition-transform duration-200"
-                  style={{ transform: showAll ? 'rotate(180deg)' : undefined }}
+                  className={`transition-transform duration-200 ${showAll ? 'rotate-180' : ''}`}
                 />
                 <span>{showAll ? t.home.showLess : t.home.showMore}</span>
               </button>

package/app/components/OnboardingView.tsx

@@ -80,7 +80,7 @@ export default function OnboardingView() {
           className="max-w-2xl mx-auto mb-6 flex items-center gap-2.5 px-4 py-3 rounded-lg border border-destructive/30 bg-destructive/5 text-sm text-destructive"
         >
           <AlertCircle size={16} className="shrink-0" />
-          <span className="flex-1">{ob.initError ?? 'Initialization failed. Please try again.'} ({error})</span>
+          <span className="flex-1">{ob.initError ?? 'Initialization failed. Please try again.'}</span>
           <button
             onClick={() => setError(null)}
             className="text-xs underline shrink-0 hover:opacity-80"

package/app/next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
+import "./.next/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geminilight/mindos",
-  "version": "0.5.35",
+  "version": "0.5.36",
   "description": "MindOS — Human-Agent Collaborative Mind System. Local-first knowledge base that syncs your mind to all AI Agents via MCP.",
   "keywords": [
     "mindos",

package/app/components/WelcomeBanner.tsx

@@ -1,63 +0,0 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import { X, Sparkles } from 'lucide-react';
-import { useLocale } from '@/lib/LocaleContext';
-
-export default function WelcomeBanner() {
-  const { t } = useLocale();
-  const s = t.setup;
-  const [visible, setVisible] = useState(false);
-
-  useEffect(() => {
-    // Show banner if ?welcome=1 is in the URL
-    const params = new URLSearchParams(window.location.search);
-    if (params.get('welcome') === '1') {
-      setVisible(true);
-      // Remove ?welcome=1 from URL without reloading
-      const url = new URL(window.location.href);
-      url.searchParams.delete('welcome');
-      const newUrl = url.pathname + (url.searchParams.size > 0 ? '?' + url.searchParams.toString() : '');
-      window.history.replaceState({}, '', newUrl);
-    }
-  }, []);
-
-  if (!visible) return null;
-
-  return (
-    <div className="mb-6 rounded-xl border px-5 py-4 flex items-start gap-4"
-      style={{ background: 'var(--amber-subtle, rgba(200,135,30,0.08))', borderColor: 'var(--amber)' }}>
-      <Sparkles size={18} className="mt-0.5 shrink-0" style={{ color: 'var(--amber)' }} />
-      <div className="flex-1 min-w-0">
-        <p className="text-sm font-semibold mb-1" style={{ color: 'var(--foreground)' }}>
-          {s.welcomeTitle}
-        </p>
-        <p className="text-xs leading-relaxed mb-3" style={{ color: 'var(--muted-foreground)' }}>
-          {s.welcomeDesc}
-        </p>
-        <div className="flex flex-wrap gap-2">
-          <a href="/setup?force=1" className="text-xs px-3 py-1.5 rounded-lg border transition-colors"
-            style={{ borderColor: 'var(--amber)', color: 'var(--amber)' }}>
-            {s.welcomeLinkReconfigure}
-          </a>
-          <button onClick={() => window.dispatchEvent(new KeyboardEvent('keydown', { key: '/', metaKey: true, bubbles: true }))}
-            className="text-xs px-3 py-1.5 rounded-lg border transition-colors"
-            style={{ borderColor: 'var(--border)', color: 'var(--muted-foreground)' }}>
-            {s.welcomeLinkAskAI}
-          </button>
-          <button
-            onClick={() => window.dispatchEvent(new KeyboardEvent('keydown', { key: ',', metaKey: true, bubbles: true }))}
-            className="text-xs px-3 py-1.5 rounded-lg border transition-colors"
-            style={{ borderColor: 'var(--border)', color: 'var(--muted-foreground)' }}>
-            {s.welcomeLinkMCP}
-          </button>
-        </div>
-      </div>
-      <button onClick={() => setVisible(false)}
-        className="p-1 rounded hover:bg-muted transition-colors shrink-0"
-        style={{ color: 'var(--muted-foreground)' }}>
-        <X size={14} />
-      </button>
-    </div>
-  );
-}