@svadmin/ui 0.66.0 → 0.67.0

package/dist/components/ChatDialog.svelte.d.ts

@@ -1,24 +0,0 @@
-import type { ChatMessage, ChatAction } from '@svadmin/core';
-interface Props {
-    /** Render the launcher inside a layout toolbar instead of as a floating action button. */
-    docked?: boolean;
-    /**
-     * Panel suffix for chat history persistence. Both default and explicit
-     * suffixes are scoped by backend API + typed tenant identity.
-     * Set to '' to disable persistence.
-     */
-    persistKey?: string;
-    /** Custom persistence callback — called when messages change */
-    onPersist?: (messages: ChatMessage[]) => void;
-    /** Custom restore callback — called on mount to load history */
-    onRestore?: () => ChatMessage[];
-    /** Callback when user clicks an action button in an assistant message */
-    onAction?: (action: ChatAction, message: ChatMessage) => void;
-    /** Stable target for tree-scoped ask-ai events. */
-    scope?: string;
-    /** Owning Layout scope used to arbitrate global keyboard shortcuts. */
-    ownerScope?: string;
-}
-declare const ChatDialog: import("svelte").Component<Props, {}, "">;
-type ChatDialog = ReturnType<typeof ChatDialog>;
-export default ChatDialog;

package/dist/components/CopilotPanel.svelte

@@ -1,204 +0,0 @@
-<script lang="ts">
-  import { captureAdminContext, useParsed, type ChatProvider } from '@svadmin/core';
-  import { Sparkles, X, Check, RefreshCcw } from '@lucide/svelte';
-  import { slide } from 'svelte/transition';
-  import { Button } from './ui/button/index.js';
-  import MarkdownRenderer from './MarkdownRenderer.svelte';
-  import TooltipButton from './TooltipButton.svelte';
-
-  let { open = $bindable(false) } = $props<{ open?: boolean }>();
-
-  const adminContext = captureAdminContext();
-  const provider = $derived(adminContext.chatProvider);
-  const parsed = useParsed();
-  const ctx = $derived({
-    currentResource: parsed.resource,
-    selectedRecordId: parsed.id,
-    currentView: parsed.action,
-  });
-
-  let isPredicting = $state(false);
-  let insightText = $state('');
-  let abortController: AbortController | null = null;
-  let requestEpoch = 0;
-
-  $effect(() => {
-    const scopedProvider = provider;
-    const scopedContext = {
-      currentResource: ctx.currentResource,
-      selectedRecordId: ctx.selectedRecordId,
-      currentView: ctx.currentView,
-    };
-    const shouldFetch = open;
-    void adminContext.tenantCacheKey?.__svadminTenant;
-
-    clearCopilotScope();
-    if (shouldFetch && scopedProvider) {
-      void requestInsights(scopedProvider, scopedContext);
-    }
-
-    return cancelCopilotRequest;
-  });
-
-  async function getInsights() {
-    const scopedProvider = provider;
-    if (!scopedProvider) return;
-    await requestInsights(scopedProvider, {
-      currentResource: ctx.currentResource,
-      selectedRecordId: ctx.selectedRecordId,
-      currentView: ctx.currentView,
-    });
-  }
-
-  function cancelCopilotRequest() {
-    requestEpoch += 1;
-    abortController?.abort();
-    abortController = null;
-  }
-
-  function clearCopilotScope() {
-    cancelCopilotRequest();
-    isPredicting = false;
-    insightText = '';
-  }
-
-  async function requestInsights(
-    scopedProvider: ChatProvider,
-    scopedContext: typeof ctx,
-  ) {
-    cancelCopilotRequest();
-    const epoch = requestEpoch;
-    const controller = new AbortController();
-    abortController = controller;
-    isPredicting = true;
-    insightText = '';
-
-    const prompt = `Analyze the current context and provide 3 quick insights or context-aware suggestions for the admin user.
-Resource: ${scopedContext.currentResource}
-View: ${scopedContext.currentView}
-Record ID: ${scopedContext.selectedRecordId || 'None'}
-Keep it concise, professional, and use bullet points.`;
-
-    try {
-      const result = scopedProvider.sendMessage(
-        [{ id: 'insights', role: 'system', content: prompt, timestamp: Date.now() }],
-        { signal: controller.signal }
-      );
-
-      if (Symbol.asyncIterator in result) {
-        for await (const chunk of result as AsyncIterable<string>) {
-          if (epoch !== requestEpoch) return;
-          insightText += chunk;
-        }
-      } else {
-        const response = await result;
-        if (epoch === requestEpoch) insightText = response;
-      }
-    } catch (err: unknown) {
-      if (epoch === requestEpoch && err instanceof Error && err.name !== 'AbortError') {
-        insightText = 'Failed to generate insights for this context.';
-      }
-    } finally {
-      if (epoch === requestEpoch) {
-        isPredicting = false;
-        if (abortController === controller) abortController = null;
-      }
-    }
-  }
-</script>
-
-{#if open}
-  <div 
-    class="fixed right-0 top-14 bottom-0 w-80 bg-card border-l shadow-2xl z-40 flex flex-col"
-    transition:slide={{ axis: 'x', duration: 300 }}
-  >
-    <!-- Header -->
-    <div class="h-14 flex items-center justify-between px-4 border-b bg-muted/20">
-      <div class="flex items-center gap-2 font-medium">
-        <Sparkles class="h-4 w-4 text-primary" />
-        Copilot Sidebar
-      </div>
-      <TooltipButton tooltip="Close panel" variant="ghost" size="icon-sm" onclick={() => open = false}>
-        <X class="h-4 w-4" />
-      </TooltipButton>
-    </div>
-
-    <!-- Context Meta -->
-    <div class="px-4 py-3 border-b bg-muted/10 text-xs text-muted-foreground flex flex-col gap-1">
-      <div class="flex items-center gap-2">
-        <span class="w-16">Resource:</span>
-        <span class="font-mono text-foreground">{ctx.currentResource || 'Dashboard'}</span>
-      </div>
-      <div class="flex items-center gap-2">
-        <span class="w-16">View:</span>
-        <span class="font-mono text-foreground capitalize">{ctx.currentView || 'List'}</span>
-      </div>
-      {#if ctx.selectedRecordId}
-        <div class="flex items-center gap-2">
-          <span class="w-16">Record ID:</span>
-          <span class="font-mono text-foreground">{ctx.selectedRecordId}</span>
-        </div>
-      {/if}
-    </div>
-
-    <!-- Content Area -->
-    <div class="flex-1 overflow-y-auto p-4 space-y-6">
-      
-      <!-- Smart Insights Section -->
-      <div>
-        <h4 class="text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-3 flex items-center justify-between">
-          Smart Insights
-          {#if isPredicting}
-            <span class="flex items-center gap-1 text-[10px] text-primary normal-case font-medium">
-              <div class="h-1 w-1 bg-primary rounded-full animate-bounce delay-75"></div>
-              <div class="h-1 w-1 bg-primary rounded-full animate-bounce delay-150"></div>
-              <div class="h-1 w-1 bg-primary rounded-full animate-bounce delay-300"></div>
-            </span>
-          {:else}
-            <Button variant="ghost" size="icon-sm" class="h-5 w-5 hover:bg-muted" onclick={getInsights}>
-              <RefreshCcw class="h-3 w-3" />
-            </Button>
-          {/if}
-        </h4>
-        
-        <div class="text-sm">
-          {#if !insightText && !isPredicting}
-            <div class="text-muted-foreground italic text-center py-4 bg-muted/30 rounded-lg border border-dashed">
-              No insights loaded.
-            </div>
-          {:else}
-            <div class="bg-primary/5 p-3 rounded-xl border border-primary/10 prose prose-sm dark:prose-invert prose-p:my-1 prose-ul:my-1 prose-li:my-0.5">
-              <MarkdownRenderer content={insightText} streaming={isPredicting} />
-            </div>
-          {/if}
-        </div>
-      </div>
-
-      <!-- Quick Actions (Example static definitions for the copilot) -->
-      <div>
-        <h4 class="text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-3">
-          Suggested Actions
-        </h4>
-        <div class="space-y-2">
-          {#if ctx.currentView === 'list'}
-            <button type="button" class="w-full flex items-center gap-2 text-left p-2 rounded-lg hover:bg-muted border border-transparent hover:border-border transition-colors text-sm cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring">
-              <div class="bg-background rounded shadow-sm p-1"><Check class="h-3.5 w-3.5 text-muted-foreground" /></div>
-              <span>Generate monthly report</span>
-            </button>
-            <button type="button" class="w-full flex items-center gap-2 text-left p-2 rounded-lg hover:bg-muted border border-transparent hover:border-border transition-colors text-sm cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring">
-              <div class="bg-background rounded shadow-sm p-1"><Check class="h-3.5 w-3.5 text-muted-foreground" /></div>
-              <span>Find anomalies in {ctx.currentResource}</span>
-            </button>
-          {:else if ctx.currentView === 'edit' || ctx.currentView === 'create'}
-            <button type="button" class="w-full flex items-center gap-2 text-left p-2 rounded-lg hover:bg-muted border border-transparent hover:border-border transition-colors text-sm cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring">
-              <div class="bg-background rounded shadow-sm p-1"><Check class="h-3.5 w-3.5 text-muted-foreground" /></div>
-              <span>Auto-fill form from context</span>
-            </button>
-          {:else}
-            <div class="text-muted-foreground text-sm py-2 text-center">No precise actions for this view</div>
-          {/if}
-        </div>
-      </div>
-    </div>
-  </div>
-{/if}

package/dist/components/CopilotPanel.svelte.d.ts

@@ -1,6 +0,0 @@
-type $$ComponentProps = {
-    open?: boolean;
-};
-declare const CopilotPanel: import("svelte").Component<$$ComponentProps, {}, "open">;
-type CopilotPanel = ReturnType<typeof CopilotPanel>;
-export default CopilotPanel;

package/dist/components/InsightCard.svelte

@@ -1,139 +0,0 @@
-<script lang="ts">
-  import { captureAdminContext, type ChatProvider } from '@svadmin/core';
-  import { Sparkles, RefreshCcw, Loader2 } from '@lucide/svelte';
-  import { Button } from './ui/button/index.js';
-  import MarkdownRenderer from './MarkdownRenderer.svelte';
-
-  interface Props {
-    title?: string;
-    context: string;
-    autoFetch?: boolean;
-    class?: string;
-  }
-
-  let { title = 'AI Insights', context, autoFetch = true, class: className = '' }: Props = $props();
-
-  const adminContext = captureAdminContext();
-  const provider = $derived(adminContext.chatProvider);
-
-  let isPredicting = $state(false);
-  let insightText = $state('');
-  let abortController: AbortController | null = null;
-  let requestEpoch = 0;
-
-  $effect(() => {
-    const scopedProvider = provider;
-    const scopedContext = context;
-    const shouldFetch = autoFetch;
-    void adminContext.tenantCacheKey?.__svadminTenant;
-
-    clearInsightScope();
-    if (shouldFetch && scopedContext && scopedProvider) {
-      void requestInsights(scopedProvider, scopedContext);
-    }
-
-    return cancelInsightRequest;
-  });
-
-  export async function getInsights() {
-    const scopedProvider = provider;
-    if (!scopedProvider || !context) return;
-    await requestInsights(scopedProvider, context);
-  }
-
-  function cancelInsightRequest() {
-    requestEpoch += 1;
-    abortController?.abort();
-    abortController = null;
-  }
-
-  function clearInsightScope() {
-    cancelInsightRequest();
-    isPredicting = false;
-    insightText = '';
-  }
-
-  async function requestInsights(scopedProvider: ChatProvider, scopedContext: string) {
-    cancelInsightRequest();
-    const epoch = requestEpoch;
-    const controller = new AbortController();
-    abortController = controller;
-    isPredicting = true;
-    insightText = '';
-
-    const prompt = `Based on the following data/context, generate 3 concise, highly professional insights. 
-Use bullet points. Do not include introductory text like "Here are the insights".
-
-Data Context:
-${scopedContext}`;
-
-    try {
-      const result = scopedProvider.sendMessage(
-        [{ id: 'insights', role: 'user', content: prompt, timestamp: Date.now() }],
-        { signal: controller.signal }
-      );
-
-      if (Symbol.asyncIterator in result) {
-        for await (const chunk of result as AsyncIterable<string>) {
-          if (epoch !== requestEpoch) return;
-          insightText += chunk;
-        }
-      } else {
-        const response = await result;
-        if (epoch === requestEpoch) insightText = response;
-      }
-    } catch (err: unknown) {
-      if (epoch === requestEpoch && err instanceof Error && err.name !== 'AbortError') {
-        insightText = 'Failed to generate insights.';
-      }
-    } finally {
-      if (epoch === requestEpoch) {
-        isPredicting = false;
-        if (abortController === controller) abortController = null;
-      }
-    }
-  }
-</script>
-
-<div
-  class="rounded-xl border bg-card text-card-foreground shadow-sm flex flex-col {className}"
-  role="region"
-  aria-label={title}
->
-  <div class="flex items-center justify-between p-4 border-b">
-    <div class="flex items-center gap-2 font-medium">
-      <Sparkles class="h-4 w-4 text-warning" aria-hidden="true" />
-      {title}
-    </div>
-    <Button
-      variant="ghost"
-      size="icon-sm"
-      class="h-6 w-6"
-      onclick={getInsights}
-      disabled={isPredicting || !provider}
-      aria-label="Refresh AI Insights"
-    >
-      <RefreshCcw class="h-3 w-3 {isPredicting ? 'animate-spin' : ''}" aria-hidden="true" />
-    </Button>
-  </div>
-  
-  <div class="p-4 flex-1" role="status" aria-live="polite" aria-busy={isPredicting}>
-    {#if !provider}
-      <div class="text-sm text-muted-foreground italic flex items-center justify-center h-full">
-        ChatProvider not configured.
-      </div>
-    {:else if isPredicting && !insightText}
-      <div class="flex items-center justify-center gap-2 text-sm text-muted-foreground h-full py-4">
-        <Loader2 class="h-4 w-4 animate-spin" aria-hidden="true" /> Analyzing data...
-      </div>
-    {:else if !insightText}
-      <div class="text-sm text-muted-foreground italic flex items-center justify-center h-full">
-        No insights available. Click refresh to analyze.
-      </div>
-    {:else}
-      <div class="text-sm prose prose-sm dark:prose-invert prose-p:my-1 prose-ul:my-1 prose-li:my-0.5">
-        <MarkdownRenderer content={insightText} streaming={isPredicting} />
-      </div>
-    {/if}
-  </div>
-</div>

package/dist/components/InsightCard.svelte.d.ts

@@ -1,11 +0,0 @@
-interface Props {
-    title?: string;
-    context: string;
-    autoFetch?: boolean;
-    class?: string;
-}
-declare const InsightCard: import("svelte").Component<Props, {
-    getInsights: () => Promise<void>;
-}, "">;
-type InsightCard = ReturnType<typeof InsightCard>;
-export default InsightCard;

package/dist/components/MarkdownRenderer.svelte

@@ -1,245 +0,0 @@
-<script lang="ts">
-/* eslint-disable svelte/no-at-html-tags */
-  import { onMount } from "svelte";
-
-  interface Props {
-    /** The raw markdown string to render */
-    content: string;
-    /** Whether to enable streaming/typing effect styling */
-    streaming?: boolean;
-    /** Custom class for the container */
-    class?: string;
-  }
-
-  let { content, streaming = false, class: className = "" }: Props = $props();
-
-  type MarkedConstructor = typeof import("marked").Marked;
-  type MarkedHighlight = typeof import("marked-highlight").markedHighlight;
-  type HighlightApi = typeof import("highlight.js").default;
-  type Sanitizer = typeof import("isomorphic-dompurify").default;
-
-  // Lazily loaded optional peer dependencies (marked, marked-highlight,
-  // highlight.js, isomorphic-dompurify). They are declared as optional peer
-  // deps; statically importing them would crash consumers that have not
-  // installed them, even when MarkdownRenderer is never rendered. Load them
-  // dynamically so the module graph resolves without them and the component
-  // degrades to escaped-text rendering when they are absent.
-  let MarkedCtor = $state<MarkedConstructor | null>(null);
-  let markedHighlightFn = $state<MarkedHighlight | null>(null);
-  let hljs = $state<HighlightApi | null>(null);
-  let DOMPurify = $state<Sanitizer | null>(null);
-
-  onMount(() => {
-    let cancelled = false;
-    (async () => {
-      try {
-        const [markedPkg, markedHighlightPkg, hljsPkg, DOMPurifyPkg] = await Promise.all([
-          import("marked"),
-          import("marked-highlight"),
-          import("highlight.js"),
-          import("isomorphic-dompurify"),
-        ]);
-        if (cancelled) return;
-        MarkedCtor = markedPkg.Marked;
-        markedHighlightFn = markedHighlightPkg.markedHighlight;
-        hljs = hljsPkg.default;
-        DOMPurify = DOMPurifyPkg.default;
-        // Only import the theme css when highlight.js is available
-        if (hljs && Object.keys(hljs).length > 0) {
-          import("highlight.js/styles/github-dark.css").catch(() => {});
-        }
-      } catch {
-        // Optional deps not installed; fall back to escaped-text rendering.
-        if (cancelled) return;
-      }
-    })();
-    return () => { cancelled = true; };
-  });
-
-  const hasMarkdownDeps = $derived(
-    typeof MarkedCtor === "function" &&
-      typeof DOMPurify?.sanitize === "function" &&
-      typeof markedHighlightFn === "function",
-  );
-
-  // Configure marked with syntax highlighting if available
-  const markedObj = $derived.by(() => {
-    const Constructor = MarkedCtor;
-    const highlightExtension = markedHighlightFn;
-    if (!Constructor || !highlightExtension) return null;
-
-    return new Constructor(
-      highlightExtension({
-        langPrefix: "hljs language-",
-        highlight(code: string, lang: string) {
-          const language = hljs?.getLanguage && hljs.getLanguage(lang) ? lang : "plaintext";
-          return hljs?.highlight ? hljs.highlight(code, { language }).value : code;
-        },
-      }),
-    );
-  });
-
-  // Render HTML safely
-  const html = $derived.by(() => {
-    const purifier = DOMPurify;
-    const parser = markedObj;
-    if (hasMarkdownDeps && purifier && parser) {
-      return purifier.sanitize(parser.parse(content || ""));
-    }
-    return `<div style="white-space: pre-wrap">${String(content || "").replace(/</g, "&lt;").replace(/>/g, "&gt;")}</div>`;
-  });
-
-  // Handle copy code blocks
-  let copiedBlock = $state<string | null>(null);
-
-  function handleCopy(event: MouseEvent) {
-    const target = event.target as HTMLElement;
-    const button = target.closest(".copy-btn");
-    if (!button) return;
-
-    const pre = button.closest(".code-block-wrapper")?.querySelector("pre");
-    if (!pre) return;
-
-    const code = pre.textContent || "";
-    navigator.clipboard.writeText(code);
-
-    const id = Math.random().toString(36);
-    copiedBlock = id;
-    button.setAttribute("data-copied-id", id);
-    // Swap to a semantic check icon; color comes from the .copy-btn CSS token.
-    button.querySelector("svg")?.replaceWith(createCheckIcon());
-
-    setTimeout(() => {
-      if (copiedBlock === id) copiedBlock = null;
-    }, 2000);
-  }
-
-  function createCheckIcon(): SVGSVGElement {
-    const svgNamespace = "http://www.w3.org/2000/svg";
-    const svg = document.createElementNS(svgNamespace, "svg");
-    svg.setAttribute("width", "14");
-    svg.setAttribute("height", "14");
-    svg.setAttribute("viewBox", "0 0 24 24");
-    svg.setAttribute("fill", "none");
-    svg.setAttribute("stroke", "currentColor");
-    svg.setAttribute("stroke-width", "2");
-    svg.setAttribute("stroke-linecap", "round");
-    svg.setAttribute("stroke-linejoin", "round");
-    svg.setAttribute("aria-hidden", "true");
-    svg.classList.add("lucide", "lucide-check");
-
-    const polyline = document.createElementNS(svgNamespace, "polyline");
-    polyline.setAttribute("points", "20 6 9 17 4 12");
-    svg.appendChild(polyline);
-
-    return svg;
-  }
-
-  function createCopyIcon(): SVGSVGElement {
-    const svgNamespace = "http://www.w3.org/2000/svg";
-    const svg = document.createElementNS(svgNamespace, "svg");
-    svg.setAttribute("width", "14");
-    svg.setAttribute("height", "14");
-    svg.setAttribute("viewBox", "0 0 24 24");
-    svg.setAttribute("fill", "none");
-    svg.setAttribute("stroke", "currentColor");
-    svg.setAttribute("stroke-width", "2");
-    svg.setAttribute("stroke-linecap", "round");
-    svg.setAttribute("stroke-linejoin", "round");
-    svg.setAttribute("aria-hidden", "true");
-    svg.classList.add("lucide", "lucide-copy");
-
-    const rect = document.createElementNS(svgNamespace, "rect");
-    rect.setAttribute("width", "14");
-    rect.setAttribute("height", "14");
-    rect.setAttribute("x", "8");
-    rect.setAttribute("y", "8");
-    rect.setAttribute("rx", "2");
-    rect.setAttribute("ry", "2");
-    svg.appendChild(rect);
-
-    const path = document.createElementNS(svgNamespace, "path");
-    path.setAttribute("d", "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2");
-    svg.appendChild(path);
-
-    return svg;
-  }
-
-  // Inject copy buttons into the HTML after rendering
-  // We do this via action instead of raw string manipulation for safety
-  function enhanceCodeBlocks(node: HTMLElement, _: string) {
-    let destroyed = false;
-    let enhancementScheduled = false;
-
-    function enhance() {
-      if (destroyed) return;
-
-      // Find all pre > code blocks that don't have wrappers yet
-      const pres = node.querySelectorAll("pre:not(.enhanced)");
-      pres.forEach((pre) => {
-        pre.classList.add("enhanced");
-        const wrapper = document.createElement("div");
-        wrapper.className =
-          "code-block-wrapper group relative my-4 rounded-md bg-foreground/95";
-
-        const header = document.createElement("div");
-        header.className =
-          "flex items-center justify-between px-4 py-2 text-xs text-background/70 border-b border-background/15";
-
-        const lang =
-          Array.from(pre.querySelector("code")?.classList || [])
-            .find((className) => className.startsWith("language-"))
-            ?.replace("language-", "") || "Code";
-        const languageLabel = document.createElement("span");
-        languageLabel.textContent = lang;
-
-        const copyButton = document.createElement("button");
-        copyButton.type = "button";
-        copyButton.className =
-          "copy-btn hover:text-background transition-colors flex items-center gap-1";
-        copyButton.setAttribute("aria-label", "Copy code");
-        copyButton.appendChild(createCopyIcon());
-
-        header.append(languageLabel, copyButton);
-        pre.replaceWith(wrapper);
-        wrapper.appendChild(header);
-
-        const scrollContainer = document.createElement("div");
-        scrollContainer.className = "overflow-x-auto p-4";
-        scrollContainer.appendChild(pre);
-        wrapper.appendChild(scrollContainer);
-      });
-    }
-
-    function scheduleEnhancement() {
-      if (enhancementScheduled || destroyed) return;
-      enhancementScheduled = true;
-      queueMicrotask(() => {
-        enhancementScheduled = false;
-        enhance();
-      });
-    }
-
-    node.addEventListener("click", handleCopy);
-    enhance();
-    scheduleEnhancement();
-
-    return {
-      update(_newHtml: string) {
-        scheduleEnhancement();
-      },
-      destroy() {
-        destroyed = true;
-        node.removeEventListener("click", handleCopy);
-      },
-    };
-  }
-</script>
-
-<div 
-  class="prose prose-sm dark:prose-invert max-w-none wrap-break-word {className}"
-  class:streaming={streaming}
-  use:enhanceCodeBlocks={html}
->
-  {@html html}
-</div>

package/dist/components/MarkdownRenderer.svelte.d.ts

@@ -1,11 +0,0 @@
-interface Props {
-    /** The raw markdown string to render */
-    content: string;
-    /** Whether to enable streaming/typing effect styling */
-    streaming?: boolean;
-    /** Custom class for the container */
-    class?: string;
-}
-declare const MarkdownRenderer: import("svelte").Component<Props, {}, "">;
-type MarkdownRenderer = ReturnType<typeof MarkdownRenderer>;
-export default MarkdownRenderer;