@admin-layout/tailwind-ui 12.2.4-alpha.4 → 12.2.4-alpha.41

package/lib/components/InputToolBar/types.d.ts

@@ -0,0 +1,153 @@
+import type { ReactNode } from 'react';
+/** Data-only config for built-in textarea. When provided, InputToolBar renders the textarea with default styling. */
+export interface InputConfig {
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    onPaste?: (e: React.ClipboardEvent<HTMLTextAreaElement>) => void;
+    id?: string;
+    name?: string;
+    /** Optional ref for the textarea (e.g. for focus / height adjustment) */
+    inputRef?: React.RefObject<HTMLTextAreaElement | null>;
+}
+/** Predefined toolbar action ids for left section (mode toggles, template) */
+export type LeftToolbarItemId = 'search' | 'zap' | 'lightbulb' | 'template';
+/** Predefined toolbar action ids for right section. projectSettings = first item, disabled by default; enable via overrides. tag = enhance prompt, chip = configure model; both support enabled/disable and custom label, icon, onClick for app-specific use. */
+export type RightToolbarItemId = 'projectSettings' | 'tag' | 'chip' | 'camera' | 'image' | 'attach' | 'mic';
+/** Single toolbar button/item configuration */
+export interface ToolbarItemConfig<TId extends string = string> {
+    /** Unique id for the item (used for enable/disable and callbacks) */
+    id: TId;
+    /** Icon (React node) or custom content for the button */
+    icon?: ReactNode;
+    /** Accessible label / title (e.g. "Enhance your prompt with AI" when enabled, "Type something to enhance" when disabled) */
+    label: string;
+    /** Whether the item is enabled (default true). When false, item is hidden. */
+    enabled?: boolean;
+    /** When true, button is visible but disabled (greyed out, not clickable). Use for e.g. "enhance" when input is empty. */
+    disabled?: boolean;
+    /** When true, show loading spinner and treat as disabled. Use for e.g. "enhance" while request is in flight. */
+    loading?: boolean;
+    /** Whether the item is in active/selected state (e.g. primary color + hover style for right items) */
+    active?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+    /** Optional custom button element; when set, icon/label are ignored and this is rendered */
+    customButton?: ReactNode;
+}
+/** When provided, the rightmost button shows Stop when loading, Send when hasContent, else Mic. Replaces any "mic" item in rightItems. */
+export interface MicSendButtonConfig {
+    /** True when input has content – show send icon; otherwise show mic icon (unless loading). */
+    hasContent: boolean;
+    onSend: () => void;
+    onMic: () => void;
+    disabled?: boolean;
+    /** When true, show stop icon and call onStop on click. */
+    isLoading?: boolean;
+    onStop?: () => void;
+}
+/** Configuration for the optional template pill: either "+ Template (N)" or selected template name with remove/change */
+export interface TemplateButtonConfig {
+    /** Button label prefix when no selection, e.g. "+ Template" */
+    label: string;
+    /** Count to show in parentheses when no selection, e.g. (1) */
+    count?: number;
+    /** When set, show selected template pill (name + remove + change) instead of "+ Template (N)" */
+    selectedLabel?: string | null;
+    /** Open template modal / change template (used for main pill click and for "change" when selected) */
+    onClick?: () => void;
+    /** When template is selected, called when user clicks remove (X) */
+    onClearTemplate?: () => void;
+    /** Disabled state */
+    disabled?: boolean;
+}
+/** Minimal template item for the default template selection modal. Map your app's template type to this shape. */
+export interface TemplateModalItem {
+    id: string;
+    label: string;
+    description?: string;
+    category?: string;
+}
+/** Config for the template selection modal. Pass data from props; InputToolBar renders default modal or custom via templateModalRender. */
+export interface TemplateModalConfig {
+    isOpen: boolean;
+    onClose: () => void;
+    templates: TemplateModalItem[];
+    selectedId: string | null;
+    onSelect: (id: string) => void;
+    suggestedId?: string | null;
+    title?: string;
+    /** Optional class for the modal content box (inner container). Use to standardize width/size, e.g. `max-w-md` or `max-w-xl`. */
+    modalClassName?: string;
+}
+/** Render prop for custom template modal. When provided, used instead of the default modal UI. */
+export type TemplateModalRender = (config: TemplateModalConfig) => ReactNode;
+/** Props passed to the project settings modal render function. Values are updated via the parent's callback (e.g. onModelConfigChange). */
+export interface ProjectSettingsModalRenderProps {
+    onClose: () => void;
+}
+/** Render prop for project settings modal content. When projectSettings is clicked, parent opens modal (sets projectSettingsModalOpen). Modal content receives onClose; parent passes config and onChange from props so values update via parent. */
+export type ProjectSettingsModalRender = (props: ProjectSettingsModalRenderProps) => ReactNode;
+/** Optional class overrides for InputToolBar sections. Use to adapt to light/dark theme or custom styling. */
+export interface InputToolBarClassNames {
+    /** Root section (default: rounded border bg-card shadow) */
+    container?: string;
+    /** Left toolbar group wrapper */
+    leftGroup?: string;
+    /** Template pill when no selection (e.g. "+ Template (N)") */
+    templatePill?: string;
+    /** Template pill when selected/suggested (name + remove + change) */
+    templatePillSelected?: string;
+    /** Left mode buttons – active state (filled) */
+    leftButtonActive?: string;
+    /** Left mode buttons – inactive state (outline) */
+    leftButtonInactive?: string;
+    /** Right toolbar buttons – default state */
+    rightButton?: string;
+    /** Right toolbar buttons – active state */
+    rightButtonActive?: string;
+    /** Right toolbar buttons – disabled state */
+    rightButtonDisabled?: string;
+    /** Mic/Send button (primary action) */
+    micSendButton?: string;
+}
+/** Props for the InputToolBar container. UI only: all data and behavior come from props. */
+export interface InputToolBarProps {
+    /** Optional class name for the toolbar container (merged with container in classNames) */
+    className?: string;
+    /** Optional class overrides for toolbar sections (works in both light and dark theme) */
+    classNames?: InputToolBarClassNames;
+    /** When provided, InputToolBar renders a built-in textarea; pass only data (value, onChange, etc.). */
+    inputConfig?: InputConfig | null;
+    /** Optional content above the input when inputConfig is set (e.g. panels, banners). */
+    topContent?: ReactNode;
+    /** Left section: items and template pill. All data (active, onClick, etc.) from parent. */
+    leftItems?: Array<ToolbarItemConfig<LeftToolbarItemId>>;
+    /** Right section: items. All data (onClick, etc.) from parent. */
+    rightItems?: Array<ToolbarItemConfig<RightToolbarItemId>>;
+    /** Optional template pill (e.g. "+ Template (1)"). Data from parent. */
+    templateButton?: TemplateButtonConfig | null;
+    /** Template selection modal: pass data from props. When set, InputToolBar renders the modal (default UI or custom). */
+    templateModalConfig?: TemplateModalConfig | null;
+    /** When provided, used instead of the default template modal UI. Receives templateModalConfig. */
+    templateModalRender?: TemplateModalRender | null;
+    /** Custom content for the left section (overrides leftItems) */
+    leftCustomRender?: ReactNode;
+    /** Custom content for the right section (overrides rightItems and micSendButton) */
+    rightCustomRender?: ReactNode;
+    /** When set, rightmost button: Stop/Send/Mic; all data and handlers from parent. */
+    micSendButton?: MicSendButtonConfig | null;
+    /** When true, the project settings modal (from projectSettingsModalRender) is shown. Set by parent when projectSettings is clicked. */
+    projectSettingsModalOpen?: boolean;
+    /** Called when the project settings modal should close (e.g. overlay click or close button). */
+    onProjectSettingsModalClose?: () => void;
+    /** Renders the project settings modal content (e.g. Configuration / Other Settings / Secret tabs). Parent passes config and onChange so values update via parent (same pattern as ModelConfigPanel). */
+    projectSettingsModalRender?: ProjectSettingsModalRender | null;
+    /** Optional content in the middle when not using inputConfig */
+    children?: ReactNode;
+    /** Click on container (e.g. to focus input) */
+    onContainerClick?: (e: React.MouseEvent) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/components/InputToolBar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/types.ts"],"names":[],"mappings":"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"}

package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 export declare const LanguageMenuDropdown: ({ className, i18nConfig }: {
     className?: string;
     i18nConfig?: any;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LanguageMenuDropdown.d.ts.map

package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageMenuDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/LanguageMenuDropdown/LanguageMenuDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,eAAO,MAAM,oBAAoB,GAAI,2BAA2B;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,GAAG,CAAA;CAAE,sBAuDvG,CAAC"}
+{"version":3,"file":"LanguageMenuDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/LanguageMenuDropdown/LanguageMenuDropdown.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,oBAAoB,GAAI,2BAA2B;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,GAAG,CAAA;CAAE,4CAuDvG,CAAC"}

package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.js

@@ -1,4 +1,4 @@
-import React__default,{useState,useEffect}from'react';import {useTranslation}from'react-i18next';import {useMediaQuery}from'../../hooks/useMediaQuery.js';import {languages,useLayoutSettings}from'@admin-layout/client';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const LanguageMenuDropdown = ({
+import {jsx}from'react/jsx-runtime';import {useState,useEffect}from'react';import {useTranslation}from'react-i18next';import {useMediaQuery}from'../../hooks/useMediaQuery.js';import {languages,useLayoutSettings}from'@admin-layout/client';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const LanguageMenuDropdown = ({
   className,
   i18nConfig
 }) => {
@@ -39,22 +39,27 @@ import React__default,{useState,useEffect}from'react';import {useTranslation}fro
       });
     }
   };
-  return React__default.createElement("div", {
-    className: "relative"
-  }, React__default.createElement("div", {
-    className: "custom-select-container w-[180px]"
-  }, React__default.createElement("select", {
-    className: cn('w-full h-10 rounded-md outline-none border border-input bg-background px-3 py-2 pl-10 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 appearance-none cursor-pointer', className),
-    value: currentLang.key,
-    onChange: e => handleLanguageChange(e.target.value),
-    "aria-label": "Select language"
-  }, filteredLanguages.map(language => React__default.createElement("option", {
-    key: language.key,
-    value: language.key,
-    className: "p-2"
-  }, React__default.createElement("div", {
-    className: "p-2"
-  }, React__default.createElement("span", {
-    className: "text-sm"
-  }, isMobile ? language.key : language.label)))))));
+  return jsx("div", {
+    className: "relative",
+    children: jsx("div", {
+      className: "custom-select-container w-[180px]",
+      children: jsx("select", {
+        className: cn('w-full h-10 rounded-md outline-none border border-input bg-background px-3 py-2 pl-10 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 appearance-none cursor-pointer', className),
+        value: currentLang.key,
+        onChange: e => handleLanguageChange(e.target.value),
+        "aria-label": "Select language",
+        children: filteredLanguages.map(language => jsx("option", {
+          value: language.key,
+          className: "p-2",
+          children: jsx("div", {
+            className: "p-2",
+            children: jsx("span", {
+              className: "text-sm",
+              children: isMobile ? language.key : language.label
+            })
+          })
+        }, language.key))
+      })
+    })
+  });
 };export{LanguageMenuDropdown};//# sourceMappingURL=LanguageMenuDropdown.js.map

package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageMenuDropdown.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LanguageMenuDropdown.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Markdown/MarkdownBreadcrumbs.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface MarkdownBreadcrumbsProps {
+    categoryId: string;
+    categoryTitle?: string;
+    markdownTitle: string;
+    className?: string;
+    getHelpCenterLink: () => string;
+    getCategoryLink: (categoryId: string) => string;
+    helpCenterLabel: string;
+}
+export declare const MarkdownBreadcrumbs: React.FC<MarkdownBreadcrumbsProps>;
+export {};
+//# sourceMappingURL=MarkdownBreadcrumbs.d.ts.map

package/lib/components/Markdown/MarkdownBreadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/MarkdownBreadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,wBAAwB;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,MAAM,CAAC;IAChC,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAwBlE,CAAC"}

package/lib/components/Markdown/MarkdownBreadcrumbs.js

@@ -0,0 +1,34 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {Link}from'@remix-run/react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'react';import'fast-deep-equal/react.js';const MarkdownBreadcrumbs = ({
+  categoryId,
+  categoryTitle,
+  markdownTitle,
+  className,
+  getHelpCenterLink,
+  getCategoryLink,
+  helpCenterLabel
+}) => {
+  return jsx("div", {
+    className: cn('w-full max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16', className),
+    children: jsxs("nav", {
+      className: "flex items-center space-x-2 text-sm text-muted-foreground",
+      children: [jsx(Link, {
+        to: getHelpCenterLink(),
+        className: "hover:text-foreground transition-colors",
+        children: helpCenterLabel
+      }), jsx("span", {
+        className: "text-muted-foreground/60",
+        children: "\u203A"
+      }), jsx(Link, {
+        to: getCategoryLink(categoryId),
+        className: "hover:text-foreground transition-colors",
+        children: categoryTitle || categoryId
+      }), jsx("span", {
+        className: "text-muted-foreground/60",
+        children: "\u203A"
+      }), jsx("span", {
+        className: "text-primary",
+        children: markdownTitle
+      })]
+    })
+  });
+};export{MarkdownBreadcrumbs};//# sourceMappingURL=MarkdownBreadcrumbs.js.map

package/lib/components/Markdown/MarkdownBreadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownBreadcrumbs.js","sources":["../../../src/components/Markdown/MarkdownBreadcrumbs.tsx"],"sourcesContent":[null],"names":[],"mappings":"wMAMI,MAAA,mBAAuB,GAAA,CAAA;YACvB;eACU;eACV;AACA,EAAA,SAAA;mBACe;AAClB,EAAA,eAAA;AAED,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Markdown/MarkdownCopyButton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface MarkdownCopyButtonProps {
+    markdownTitle: string;
+    markdownContent: string;
+    markdownUrl?: string;
+    className?: string;
+}
+export declare const MarkdownCopyButton: React.FC<MarkdownCopyButtonProps>;
+export {};
+//# sourceMappingURL=MarkdownCopyButton.d.ts.map

package/lib/components/Markdown/MarkdownCopyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownCopyButton.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/MarkdownCopyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,UAAU,uBAAuB;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAsQhE,CAAC"}

package/lib/components/Markdown/MarkdownCopyButton.js

@@ -0,0 +1,229 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const MarkdownCopyButton = ({
+  markdownTitle,
+  markdownContent,
+  markdownUrl,
+  className
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [copySuccess, setCopySuccess] = useState(false);
+  const dropdownRef = useRef(null);
+  // Close dropdown when clicking outside
+  useEffect(() => {
+    const handleClickOutside = event => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    };
+    if (isOpen) {
+      document.addEventListener('mousedown', handleClickOutside);
+    }
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [isOpen]);
+  // Convert HTML to Markdown (simplified version)
+  const htmlToMarkdown = html => {
+    // Remove script and style tags
+    let text = html.replace(/<script[^>]*>[\s\S]*?<\/script>/gi, '');
+    text = text.replace(/<style[^>]*>[\s\S]*?<\/style>/gi, '');
+    // Convert headings
+    text = text.replace(/<h([1-6])[^>]*>(.*?)<\/h\1>/gi, (match, level, content) => {
+      const hashes = '#'.repeat(parseInt(level));
+      return `\n${hashes} ${content.trim()}\n`;
+    });
+    // Convert bold
+    text = text.replace(/<strong[^>]*>(.*?)<\/strong>/gi, '**$1**');
+    text = text.replace(/<b[^>]*>(.*?)<\/b>/gi, '**$1**');
+    // Convert italic
+    text = text.replace(/<em[^>]*>(.*?)<\/em>/gi, '*$1*');
+    text = text.replace(/<i[^>]*>(.*?)<\/i>/gi, '*$1*');
+    // Convert links
+    text = text.replace(/<a[^>]*href=["']([^"']*)["'][^>]*>(.*?)<\/a>/gi, '[$2]($1)');
+    // Convert code blocks
+    text = text.replace(/<pre[^>]*><code[^>]*>(.*?)<\/code><\/pre>/gis, '```\n$1\n```');
+    text = text.replace(/<code[^>]*>(.*?)<\/code>/gi, '`$1`');
+    // Convert lists
+    text = text.replace(/<ul[^>]*>(.*?)<\/ul>/gis, (match, content) => {
+      const items = content.match(/<li[^>]*>(.*?)<\/li>/gis) || [];
+      return '\n' + items.map(item => {
+        const cleanItem = item.replace(/<li[^>]*>|<\/li>/gi, '').trim();
+        return `- ${cleanItem}`;
+      }).join('\n') + '\n';
+    });
+    text = text.replace(/<ol[^>]*>(.*?)<\/ol>/gis, (match, content) => {
+      const items = content.match(/<li[^>]*>(.*?)<\/li>/gis) || [];
+      return '\n' + items.map((item, index) => {
+        const cleanItem = item.replace(/<li[^>]*>|<\/li>/gi, '').trim();
+        return `${index + 1}. ${cleanItem}`;
+      }).join('\n') + '\n';
+    });
+    // Convert paragraphs
+    text = text.replace(/<p[^>]*>(.*?)<\/p>/gi, '$1\n\n');
+    // Remove remaining HTML tags
+    text = text.replace(/<[^>]+>/g, '');
+    // Decode HTML entities
+    const textarea = document.createElement('textarea');
+    textarea.innerHTML = text;
+    text = textarea.value;
+    // Clean up extra whitespace
+    text = text.replace(/\n{3,}/g, '\n\n').trim();
+    return `# ${markdownTitle}\n\n${text}`;
+  };
+  const handleCopyMarkdown = async () => {
+    try {
+      const markdown = htmlToMarkdown(markdownContent);
+      await navigator.clipboard.writeText(markdown);
+      setCopySuccess(true);
+      setIsOpen(false);
+      setTimeout(() => setCopySuccess(false), 2000);
+    } catch (err) {
+      console.error('Failed to copy:', err);
+    }
+  };
+  const handleOpenChatGPT = () => {
+    const url = `https://chat.openai.com/?q=${encodeURIComponent(markdownTitle)}`;
+    window.open(url, '_blank');
+    setIsOpen(false);
+  };
+  const handleOpenClaude = () => {
+    const url = `https://claude.ai/?q=${encodeURIComponent(markdownTitle)}`;
+    window.open(url, '_blank');
+    setIsOpen(false);
+  };
+  return jsxs("div", {
+    className: cn('relative inline-flex items-center rounded-md border border-border bg-background', className),
+    ref: dropdownRef,
+    children: [jsxs("div", {
+      className: "flex items-center overflow-hidden rounded-md",
+      children: [jsxs("button", {
+        onClick: handleCopyMarkdown,
+        className: cn('flex items-center gap-2 px-3 py-1.5', 'bg-background hover:bg-muted/50 transition-colors', 'text-sm text-foreground', 'border-0'),
+        children: [jsx("svg", {
+          className: "w-4 h-4",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: jsx("path", {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 2,
+            d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
+          })
+        }), jsx("span", {
+          children: copySuccess ? 'Copied' : 'Copy page'
+        })]
+      }), jsx("div", {
+        className: "h-5 w-px bg-border"
+      }), jsx("button", {
+        onClick: e => {
+          e.stopPropagation();
+          setIsOpen(!isOpen);
+        },
+        className: cn('flex items-center justify-center px-2 py-1.5', 'bg-background hover:bg-muted/50 transition-colors', 'text-sm text-foreground', 'border-0'),
+        children: jsx("svg", {
+          className: cn('w-3 h-3 transition-transform', isOpen && 'rotate-180'),
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          children: jsx("path", {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 2,
+            d: "M19 9l-7 7-7-7"
+          })
+        })
+      })]
+    }), isOpen && jsx("div", {
+      className: "absolute right-0 top-full mt-2 w-64 bg-background border border-border rounded-lg shadow-lg z-[100] overflow-hidden",
+      children: jsxs("div", {
+        className: "py-1",
+        children: [jsxs("button", {
+          onClick: handleCopyMarkdown,
+          className: "w-full px-4 py-3 text-left hover:bg-muted/50 transition-colors flex items-start gap-3 group",
+          children: [jsx("svg", {
+            className: "w-5 h-5 text-muted-foreground group-hover:text-foreground mt-0.5 flex-shrink-0",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: jsx("path", {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
+            })
+          }), jsxs("div", {
+            className: "flex-1 min-w-0",
+            children: [jsx("div", {
+              className: "text-sm font-medium text-foreground",
+              children: "Copy page"
+            }), jsx("div", {
+              className: "text-xs text-muted-foreground mt-0.5",
+              children: "Copy page as Markdown for LLMs"
+            })]
+          })]
+        }), jsxs("button", {
+          onClick: handleOpenChatGPT,
+          className: "w-full px-4 py-3 text-left hover:bg-muted/50 transition-colors flex items-start gap-3 group",
+          children: [jsx("div", {
+            className: "w-5 h-5 mt-0.5 flex-shrink-0 flex items-center justify-center",
+            children: jsx("span", {
+              className: "text-lg",
+              children: "\uD83E\uDD16"
+            })
+          }), jsxs("div", {
+            className: "flex-1 min-w-0",
+            children: [jsx("div", {
+              className: "text-sm font-medium text-foreground",
+              children: "Open in ChatGPT"
+            }), jsx("div", {
+              className: "text-xs text-muted-foreground mt-0.5",
+              children: "Ask questions about this page"
+            })]
+          }), jsx("svg", {
+            className: "w-4 h-4 text-muted-foreground group-hover:text-foreground mt-1 flex-shrink-0",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: jsx("path", {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M9 5l7 7-7 7"
+            })
+          })]
+        }), jsxs("button", {
+          onClick: handleOpenClaude,
+          className: "w-full px-4 py-3 text-left hover:bg-muted/50 transition-colors flex items-start gap-3 group",
+          children: [jsx("div", {
+            className: "w-5 h-5 mt-0.5 flex-shrink-0 flex items-center justify-center",
+            children: jsx("span", {
+              className: "text-lg",
+              children: "\u2744\uFE0F"
+            })
+          }), jsxs("div", {
+            className: "flex-1 min-w-0",
+            children: [jsx("div", {
+              className: "text-sm font-medium text-foreground",
+              children: "Open in Claude"
+            }), jsx("div", {
+              className: "text-xs text-muted-foreground mt-0.5",
+              children: "Ask questions about this page"
+            })]
+          }), jsx("svg", {
+            className: "w-4 h-4 text-muted-foreground group-hover:text-foreground mt-1 flex-shrink-0",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: jsx("path", {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M9 5l7 7-7 7"
+            })
+          })]
+        })]
+      })
+    })]
+  });
+};export{MarkdownCopyButton};//# sourceMappingURL=MarkdownCopyButton.js.map

package/lib/components/Markdown/MarkdownCopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownCopyButton.js","sources":["../../../src/components/Markdown/MarkdownCopyButton.tsx"],"sourcesContent":[null],"names":[],"mappings":"oMAKI,MAAA,kBAAwB,GAAA,CAAA;eACb;iBACC;AACf,EAAA,WAAA;AAED,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Markdown/MarkdownHeader.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface MarkdownHeaderProps {
+    categoryTitle?: string;
+    title: string;
+    description?: string;
+    author?: string;
+    updatedAt?: string;
+    markdownContent: string;
+    className?: string;
+}
+export declare const MarkdownHeader: React.FC<MarkdownHeaderProps>;
+export {};
+//# sourceMappingURL=MarkdownHeader.d.ts.map

package/lib/components/Markdown/MarkdownHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/MarkdownHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,mBAAmB;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmDxD,CAAC"}

package/lib/components/Markdown/MarkdownHeader.js

@@ -0,0 +1,44 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'react';import'fast-deep-equal/react.js';const MarkdownHeader = ({
+  categoryTitle,
+  title,
+  description,
+  author,
+  updatedAt,
+  markdownContent,
+  className
+}) => {
+  return jsxs("div", {
+    className: cn('mb-10', className),
+    children: [categoryTitle && jsx("div", {
+      className: "text-[11px] font-semibold tracking-[0.16em] uppercase text-primary mb-3",
+      children: categoryTitle
+    }), jsx("div", {
+      className: "flex items-start justify-between gap-4 mb-5",
+      children: jsx("h1", {
+        className: "text-[2.4rem] md:text-[2.9rem] lg:text-[3.1rem] font-semibold text-foreground leading-tight tracking-tight flex-1",
+        children: title
+      })
+    }), description && jsx("p", {
+      className: "text-[1.15rem] md:text-[1.3rem] text-muted-foreground mb-8 leading-relaxed font-normal max-w-3xl",
+      children: description
+    }), (author || updatedAt) && jsxs("div", {
+      className: "flex items-center space-x-4 text-sm text-muted-foreground",
+      children: [author && jsxs(Fragment, {
+        children: [jsxs("div", {
+          className: "flex items-center",
+          children: [jsx("div", {
+            className: "mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-muted text-xs text-foreground font-medium",
+            children: author.charAt(0)
+          }), jsxs("span", {
+            children: ["Written by ", author]
+          })]
+        }), updatedAt && jsx("span", {
+          className: "text-muted-foreground/60",
+          children: "\u2022"
+        })]
+      }), updatedAt && jsxs("span", {
+        children: ["Updated ", updatedAt]
+      })]
+    })]
+  });
+};export{MarkdownHeader};//# sourceMappingURL=MarkdownHeader.js.map

package/lib/components/Markdown/MarkdownHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownHeader.js","sources":["../../../src/components/Markdown/MarkdownHeader.tsx"],"sourcesContent":[null],"names":[],"mappings":"6KAII,MAAA,cAAuB,GAAA,CAAA;;OAEvB;aACS;QACT;WACA;iBACY;AACf,EAAA;AAED,CAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Markdown/MarkdownNavigation.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface Markdown {
+    categoryId: string;
+    slug: string;
+    title: string;
+}
+interface MarkdownNavigationProps {
+    previousMarkdown?: Markdown | null;
+    nextMarkdown?: Markdown | null;
+    className?: string;
+    getMarkdownLink: (categoryId: string, slug: string) => string;
+}
+export declare const MarkdownNavigation: React.FC<MarkdownNavigationProps>;
+export {};
+//# sourceMappingURL=MarkdownNavigation.d.ts.map

package/lib/components/Markdown/MarkdownNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/MarkdownNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,QAAQ;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,uBAAuB;IAC7B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CACjE;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+ChE,CAAC"}