/app/chrome-extension/shared/quick-panel/ui/markdown-renderer.ts

/**
 * Quick Panel Markdown Renderer
 *
 * Simple markdown renderer for Quick Panel.
 * Currently uses plain text rendering - markdown support to be added later
 * when proper Vue/content-script integration is resolved.
 */

// ============================================================
// Types
// ============================================================

export interface MarkdownRendererInstance {
  /** Update the markdown content */
  setContent: (content: string, isStreaming?: boolean) => void;
  /** Get current content */
  getContent: () => string;
  /** Dispose resources */
  dispose: () => void;
}

// ============================================================
// Main Factory
// ============================================================

/**
 * Create a markdown renderer instance that mounts to a container element.
 * Currently renders as plain text - markdown support pending.
 *
 * @param container - The DOM element to render content into
 * @returns Markdown renderer instance with setContent and dispose methods
 */
export function createMarkdownRenderer(container: HTMLElement): MarkdownRendererInstance {
  let currentContent = '';

  // Create a wrapper div for content
  const contentEl = document.createElement('div');
  contentEl.className = 'qp-markdown-content';
  container.appendChild(contentEl);

  return {
    setContent(newContent: string, _streaming = false) {
      currentContent = newContent;
      // For now, render as plain text with basic whitespace preservation
      contentEl.textContent = newContent;
    },

    getContent() {
      return currentContent;
    },

    dispose() {
      try {
        contentEl.remove();
      } catch {
        // Best-effort cleanup
      }
    },
  };
}