promtbox update

index.html

@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/krow-mark.svg" />
+    <link rel="icon" type="image/png" href="/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

src/components/ai-assistant/PromptInput.jsx

@@ -21,6 +21,7 @@ export function PromptInput({
   busy = false,
   placeholders = ['Ask anything…'],
   autoFocus = false,
+  align = 'left',
   className,
 }) {
   const textareaRef = React.useRef(null);
@@ -75,11 +76,13 @@ export function PromptInput({
     }
   };
 
+  const isCenter = align === 'center';
+
   return (
     <form
       onSubmit={(e) => { e.preventDefault(); submit(); }}
       className={cn(
-        'relative flex items-end gap-2 rounded-2xl border bg-surface transition-all duration-base ease-out',
+        'relative flex items-center gap-2 rounded-2xl border bg-surface transition-all duration-base ease-out',
         'px-3 py-2',
         focused
           ? 'border-krow-blue/50 shadow-[0_8px_28px_-8px_rgba(10,57,223,0.28)] ring-2 ring-krow-blue/15'
@@ -102,7 +105,8 @@ export function PromptInput({
           className={cn(
             'block w-full resize-none bg-transparent leading-relaxed text-ink-1',
             'no-scrollbar outline-none disabled:cursor-wait disabled:text-ink-3',
-            'py-0.5 text-body-sm'
+            'py-0.5 text-body-sm',
+            isCenter ? 'text-center' : 'text-left'
           )}
         />
 
@@ -114,6 +118,7 @@ export function PromptInput({
             className={cn(
               'pointer-events-none absolute inset-0 truncate text-ink-4 transition-opacity duration-base',
               'py-0.5 text-body-sm',
+              isCenter ? 'text-center' : 'text-left',
               fading ? 'opacity-0' : 'opacity-100'
             )}
           >

src/layouts/Layout.jsx

@@ -122,7 +122,7 @@ export default function Layout() {
         <div className="mx-auto max-w-container-wide px-6 h-16 flex items-center justify-between gap-4">
           {/* Brand */}
           <button onClick={() => navigate(ROLE_HOME[activeRole])} className="flex items-center gap-2 text-left shrink-0 group">
-            <Image src={KROW_LOGO_URL} alt="KROW" fittingType="fit" className="h-9 w-[88px] rounded-lg shadow-lg shadow-blue-500/20 group-hover:scale-105 transition-transform" />
+            <Image src={KROW_LOGO_URL} alt="KROW" fittingType="fit" className="h-7 w-[86px] rounded-lg shadow-lg shadow-blue-500/20 group-hover:scale-105 transition-transform" />
             <span className="hidden sm:block text-[10px] text-[#9CA3AF] font-medium tracking-wide leading-tight self-end mb-1">FORGE</span>
           </button>