diff --git a/docs/src/app/[locale]/[type]/page.tsx b/docs/src/app/[locale]/[type]/page.tsx
index 0b15df0..210b161 100644
--- a/docs/src/app/[locale]/[type]/page.tsx
+++ b/docs/src/app/[locale]/[type]/page.tsx
@@ -75,7 +75,7 @@ export default async function Page({ params }: Props) {
}
// Fallback redirect if no content found
- console.log("redirecting to", `/${locale}`);
+ // console.log("redirecting to", `/${locale}`);
redirect(`/${locale}`);
}
diff --git a/docs/src/app/aiSearch/page.tsx b/docs/src/app/aiSearch/page.tsx
index a620cdf..5e849e3 100644
--- a/docs/src/app/aiSearch/page.tsx
+++ b/docs/src/app/aiSearch/page.tsx
@@ -15,6 +15,8 @@ import { getAkiradocsConfig } from '@/lib/getAkiradocsConfig'
import { ChatCompletionMessageParam, CreateMLCEngine } from "@mlc-ai/web-llm";
import { Source } from '@/types/Source'
import AILoader from '@/components/aiSearch/AILoader'
+import { getHeaderConfig } from '@/lib/headerConfig'
+import { Header } from '@/components/layout/Header'
export default function Home() {
const [query, setQuery] = useState('')
@@ -23,6 +25,7 @@ export default function Home() {
const [error, setError] = useState
(null)
const recommendedArticles = getRecommendedArticles()
const searchConfig = getSearchConfig()
+ const headerConfig = getHeaderConfig()
const config = getAkiradocsConfig()
const [sources, setSources] = useState([])
@@ -160,7 +163,10 @@ export default function Home() {
}
return (
+
)
}
diff --git a/docs/src/app/apiReference/page.tsx b/docs/src/app/apiReference/page.tsx
index e36f59c..d1c34ff 100644
--- a/docs/src/app/apiReference/page.tsx
+++ b/docs/src/app/apiReference/page.tsx
@@ -312,7 +312,7 @@ export default function Page() {
}>
-
+
diff --git a/docs/src/components/blocks/ButtonBlock.tsx b/docs/src/components/blocks/ButtonBlock.tsx
new file mode 100644
index 0000000..a54e8b1
--- /dev/null
+++ b/docs/src/components/blocks/ButtonBlock.tsx
@@ -0,0 +1,103 @@
+import { cn } from "@/lib/utils"
+import { Button, buttonVariants } from "@/components/ui/button"
+import { useState } from "react"
+
+interface ButtonBlockProps {
+ content: string
+ metadata?: {
+ buttonUrl?: string
+ buttonStyle?: {
+ variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link'
+ size?: 'default' | 'sm' | 'lg'
+ radius?: 'none' | 'sm' | 'md' | 'lg' | 'full'
+ }
+ }
+ isEditing?: boolean
+ onUpdate?: (content: string) => void
+ align?: 'left' | 'center' | 'right'
+}
+
+export function ButtonBlock({
+ content,
+ metadata,
+ isEditing,
+ onUpdate,
+ align = 'left'
+}: ButtonBlockProps) {
+ const [isFocused, setIsFocused] = useState(false);
+ const buttonStyle = metadata?.buttonStyle || {}
+ const url = metadata?.buttonUrl || '#'
+
+ const buttonClasses = cn(
+ "relative",
+ {
+ 'rounded-none': buttonStyle.radius === 'none',
+ 'rounded-sm': buttonStyle.radius === 'sm',
+ 'rounded-md': buttonStyle.radius === 'md',
+ 'rounded-lg': buttonStyle.radius === 'lg',
+ 'rounded-full': buttonStyle.radius === 'full',
+ 'w-full': buttonStyle.size === 'lg',
+ 'w-24': buttonStyle.size === 'sm',
+ 'w-auto': buttonStyle.size === 'default'
+ }
+ )
+
+ const wrapperClasses = cn(
+ 'w-full',
+ {
+ 'text-left': align === 'left',
+ 'text-center': align === 'center',
+ 'text-right': align === 'right'
+ }
+ )
+
+ if (isEditing) {
+ return (
+
+
+
+ onUpdate?.(e.target.value)}
+ onFocus={() => setIsFocused(true)}
+ onBlur={() => setIsFocused(false)}
+ className={cn(
+ buttonVariants({
+ variant: buttonStyle.variant || 'default',
+ size: buttonStyle.size || 'default'
+ }),
+ buttonClasses,
+ "absolute inset-0 border-0 outline-none",
+ !isFocused && "opacity-0"
+ )}
+ placeholder="Button text..."
+ />
+
+
setIsFocused(true)}
+ onBlur={(e) => {
+ if (!e.currentTarget.contains(e.relatedTarget)) {
+ setIsFocused(false)
+ }
+ }}
+ >
+
+ {isFocused && (
+
+ )}
+