@farming-labs/theme 0.0.5-beta.1 → 0.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farming-labs/theme",
-  "version": "0.0.5-beta.1",
+  "version": "0.0.6",
   "description": "Theme package for @farming-labs/docs — layout, provider, MDX components, and styles",
   "keywords": [
     "docs",
@@ -73,6 +73,11 @@
       "import": "./dist/docs-api.mjs",
       "default": "./dist/docs-api.mjs"
     },
+    "./ai": {
+      "types": "./dist/ai-search-dialog.d.mts",
+      "import": "./dist/ai-search-dialog.mjs",
+      "default": "./dist/ai-search-dialog.mjs"
+    },
     "./css": "./styles/default.css",
     "./base/css": "./styles/base.css",
     "./default/css": "./styles/default.css",
@@ -98,7 +103,7 @@
     "next": ">=14.0.0",
     "tsdown": "^0.20.3",
     "typescript": "^5.9.3",
-    "@farming-labs/docs": "0.0.5-beta.1"
+    "@farming-labs/docs": "0.0.6"
   },
   "peerDependencies": {
     "@farming-labs/docs": ">=0.0.1",

package/styles/ai.css

@@ -178,6 +178,10 @@
   font-family: inherit;
 }
 
+.fd-ai-input::placeholder {
+  color: var(--color-fd-muted-foreground, #71717a);
+}
+
 /* ─── Search results ─────────────────────────────────────────────── */
 
 .fd-ai-results {
@@ -840,6 +844,63 @@
   font-size: 12px;
 }
 
+/* ─── Markdown prose inside AI bubbles (panel/modal/popover) ─────── */
+
+.fd-ai-bubble-ai h2 {
+  font-size: 1.125rem;
+  font-weight: 600;
+  margin: 12px 0 6px;
+  line-height: 1.3;
+  color: inherit;
+}
+
+.fd-ai-bubble-ai h3 {
+  font-size: 1rem;
+  font-weight: 600;
+  margin: 10px 0 4px;
+  line-height: 1.4;
+  color: inherit;
+}
+
+.fd-ai-bubble-ai h4 {
+  font-size: 0.9375rem;
+  font-weight: 600;
+  margin: 8px 0 4px;
+  line-height: 1.4;
+  color: inherit;
+}
+
+.fd-ai-bubble-ai strong {
+  font-weight: 600;
+  color: var(--color-fd-foreground, #e4e4e7);
+}
+
+.fd-ai-bubble-ai em {
+  font-style: italic;
+}
+
+.fd-ai-bubble-ai p {
+  margin: 0 0 6px;
+}
+
+.fd-ai-bubble-ai br {
+  content: "";
+  display: block;
+  margin-top: 2px;
+}
+
+.fd-ai-bubble-ai pre {
+  margin: 8px 0;
+  border-radius: 0;
+  border: none;
+  background: transparent;
+  padding: 0;
+}
+
+.fd-ai-bubble-ai > div > div[style*="height:8px"] {
+  height: 6px;
+}
+
 /* ═══════════════════════════════════════════════════════════════════
  * Code blocks in AI chat — fd-ai-code-*
  * ═══════════════════════════════════════════════════════════════════ */
@@ -1063,6 +1124,8 @@
   font-size: 14px;
   line-height: 1.7;
   color: var(--color-fd-foreground, #e4e4e7);
+  word-break: break-word;
+  overflow-wrap: break-word;
 }
 
 .fd-ai-fm-msg-content code {
@@ -1072,10 +1135,8 @@
   font-size: 0.875em;
   font-family: var(--fd-font-mono, ui-monospace, monospace);
 }
-.fd-ai-code-block pre {
-  padding-left: -10px !important;
-  padding-right: -10px !important;
-  padding-bottom: 2px !important;
+.fd-ai-fm-msg-content .fd-ai-code-block pre {
+  padding-bottom: 2px;
 }
 
 .fd-ai-fm-msg-content .fd-ai-code-block code {
@@ -1110,6 +1171,63 @@
   font-size: 12px;
 }
 
+/* ─── Markdown prose inside full-modal messages ──────────────────── */
+
+.fd-ai-fm-msg-content h2 {
+  font-size: 1.25rem;
+  font-weight: 600;
+  margin: 16px 0 8px;
+  line-height: 1.3;
+  color: var(--color-fd-foreground, #e4e4e7);
+}
+
+.fd-ai-fm-msg-content h3 {
+  font-size: 1.0625rem;
+  font-weight: 600;
+  margin: 12px 0 6px;
+  line-height: 1.4;
+  color: var(--color-fd-foreground, #e4e4e7);
+}
+
+.fd-ai-fm-msg-content h4 {
+  font-size: 1rem;
+  font-weight: 600;
+  margin: 10px 0 4px;
+  line-height: 1.4;
+  color: var(--color-fd-foreground, #e4e4e7);
+}
+
+.fd-ai-fm-msg-content strong {
+  font-weight: 600;
+  color: var(--color-fd-foreground, #e4e4e7);
+}
+
+.fd-ai-fm-msg-content em {
+  font-style: italic;
+}
+
+.fd-ai-fm-msg-content p {
+  margin: 0 0 8px;
+}
+
+.fd-ai-fm-msg-content br {
+  content: "";
+  display: block;
+  margin-top: 2px;
+}
+
+.fd-ai-fm-msg-content pre {
+  margin: 8px 0;
+  border-radius: 0;
+  border: none;
+  background: transparent;
+  padding: 0;
+}
+
+.fd-ai-fm-msg-content > div > div[style*="height:8px"] {
+  height: 6px;
+}
+
 /* ─── Thinking dots ──────────────────────────────────────────────── */
 
 /* Full-modal now uses the shared .fd-ai-loader indicator */