Upload 8 files

static/chat-engine.jsx

@@ -1,5 +1,5 @@
 // chat-engine.jsx — Fetch Good Boi chat logic.
-// Response pipeline: keyword lookup → docker model / fallbacks.
+// Response pipeline: identity intent → keyword lookup → docker model / fallbacks.
 // Backends:
 //   "local"  — keyword lookup + fallback only (works offline, no server)
 //   "docker" — POST /api/chat to the FastAPI backend serving BlenderBot
@@ -56,6 +56,17 @@ const SUGGESTIONS = [
   "Tell me about the husky breed",
 ];
 
+// Identity intent — BlenderBot has no knowledge of its own name or persona,
+// so intercept name/identity questions before they reach the model.
+const IDENTITY_INTENT = {
+  patterns: [/what('?s| is) your name/i, /who are you/i, /what are you/i, /introduce yourself/i],
+  response: "I'm Fetch — a dog-loving chatbot powered by BlenderBot-400M-distill. Ask me something about dogs!",
+};
+
+function matchIdentity(query) {
+  return IDENTITY_INTENT.patterns.some(p => p.test(query || ""));
+}
+
 const INITIAL_GREETING = "Hi there! Ask me something simple, ideally about dogs.";
 
 function retrieveFact(query) {
@@ -82,6 +93,10 @@ async function callDockerBackend({ userInput, history }) {
 }
 
 async function generateReply({ userInput, history, backend }) {
+  if (matchIdentity(userInput)) {
+    return { text: IDENTITY_INTENT.response, fact: null, source: "intent" };
+  }
+
   const fact = retrieveFact(userInput);
 
   if (backend === "docker") {
@@ -133,7 +148,7 @@ function useFetchChat({ backend = "local" } = {}) {
 
     setMessages(prev => prev.map(m =>
       m.id === placeholderId
-        ? { ...m, content: text, pending: false, fact, ts: Date.now() }
+        ? { ...m, content: text, pending: false, fact, source, ts: Date.now() }
         : m
     ));
     setDebug(prev => [

static/debug-panel.jsx

@@ -89,7 +89,7 @@ function DebugLog({ debug, palette }) {
             {d.user}
           </div>
           <div style={{ marginBottom: 4 }}>
-            <span style={{ color: palette.accent }}>reply&gt; </span>
+            <span style={{ color: palette.accent }}>fetch&gt; </span>
             {d.reply}
           </div>
           <div style={{ color: palette.dim, fontSize: 12 }}>

static/index.html

@@ -34,9 +34,9 @@
 
 <div id="root"></div>
 
-<script type="text/babel" src="chat-engine.jsx"></script>
-<script type="text/babel" src="debug-panel.jsx"></script>
-<script type="text/babel" src="variant-editorial.jsx"></script>
+<script type="text/babel" src="chat-engine.jsx?v=3"></script>
+<script type="text/babel" src="debug-panel.jsx?v=3"></script>
+<script type="text/babel" src="variant-editorial.jsx?v=3"></script>
 
 <script type="text/babel" data-presets="react">
 // Docker build: editorial variant + BlenderBot backend via /api/chat.

static/variant-editorial.jsx

@@ -91,16 +91,10 @@ function EditorialVariant({ backend, density, accent, fontPair, bubble }) {
           <p style={{
             fontFamily: fontPair.body, fontSize: 14.5, lineHeight: 1.65,
             color: palette.secondary, maxWidth: 520, letterSpacing: "0.015em",
-            margin: "0 0 8px",
-          }}>
-            And it's a <em style={{ fontStyle: "italic" }}>Good Boi</em>. Four-turn memory · Keyword lookup layer · Powered by BlenderBot-400M-distill
-          </p>
-          <p style={{
-            fontFamily: fontPair.body, fontSize: 14, lineHeight: 1.55,
-            color: palette.secondary, maxWidth: 520, letterSpacing: "0.02em",
             margin: "0 0 28px",
           }}>
-            Fetch Good Boi runs on CPU, so responses may take a few seconds.
+            And it's a <em style={{ fontStyle: "italic" }}>Good Boi</em>.<br/>
+            Runs on BlenderBot-400M-distill · Four-turn memory · Keyword lookup layer
           </p>
 
           <div style={{
@@ -212,7 +206,7 @@ function EditorialTurn({ msg, palette, fontPair, fontSize, gap, isFirst, radii }
         display: "flex", alignItems: "center", gap: 10,
       }}>
         <span>{isUser ? "You" : "Fetch"}</span>
-        {!isUser && msg.fact && !msg.pending && (
+        {!isUser && msg.fact && msg.source === "fact" && !msg.pending && (
           <span style={{
             background: palette.accent, color: palette.paper,
             padding: "2px 7px", borderRadius: radii,
@@ -234,7 +228,7 @@ function EditorialTurn({ msg, palette, fontPair, fontSize, gap, isFirst, radii }
 
 function EditorialSuggestions({ suggestions, onPick, palette, fontPair, pending }) {
   return (
-    <div style={{ display: "flex", gap: 8, flexWrap: "nowrap", overflow: "hidden" }}>
+    <div style={{ display: "flex", flexWrap: "wrap", gap: 8 }}>
       {suggestions.map((s, i) => (
         <button
           key={s}
@@ -242,12 +236,10 @@ function EditorialSuggestions({ suggestions, onPick, palette, fontPair, pending
           onClick={() => onPick(s)}
           disabled={pending}
           style={{
-            flex: "1 1 0", minWidth: 0,
-            overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap",
             border: `1px solid ${palette.rule}`,
             background: "transparent", color: palette.ink,
             fontFamily: fontPair.body, fontSize: 13,
-            padding: "7px 12px", borderRadius: 999,
+            padding: "7px 14px", borderRadius: 999,
             cursor: pending ? "default" : "pointer",
             opacity: pending ? 0.5 : 1,
             animation: `fetch-fadein .4s ease ${i * 60}ms both`,