import React, { useState, useEffect } from "react";
import { 
  FileText, Plus, RotateCcw, Send, Settings, BookOpen, 
  Code2, Eye, AlertTriangle, Trash2, Check, ArrowRight, Gauge, Bookmark, Newspaper,
  Clock, Zap, RefreshCw, Calendar
} from "lucide-react";
import { initialMockPosts } from "../data/mockPosts";
import { WPPost, GeneratorSettings, SimulationResult } from "../types";

export default function NewsletterSimulator() {
  const [posts, setPosts] = useState<WPPost[]>(initialMockPosts);
  const [generatorMode, setGeneratorMode] = useState<"autopilot" | "summarize">("autopilot");
  const [activeTab, setActiveTab] = useState<"articles" | "settings" | "images">("settings");
  const [resultTab, setResultTab] = useState<"reader" | "raw" | "seo">("reader");
  const [loading, setLoading] = useState(false);
  const [loadingStep, setLoadingStep] = useState("");
  const [error, setError] = useState<string | null>(null);
  
  // Settings state
  const [settings, setSettings] = useState<GeneratorSettings>({
    target_themes: "the arts, creative leadership, creative entrepreneurship, food security, AI",
    default_post_status: "draft",
    ai_instructions: "Write a high-quality weekly digest post exploring creative community hubs, Canadian arts events, local food security coalitions, and civic technologies. Supply concrete insights, maintain Canadian English spellings (use matching words like colour, centre), and do not use AI clichés like landscape, delve, or masterclass.",
    limit_days: 7,
    model_name: "gemini-3.5-flash",
    schedule_hours: 24,
    intro_text: "Arts Incubator Community & Creative Hub updates.",
    extro_text: "To subscribe to our printed bulletin or support the incubator programs, visit artsincubator.org.",
    author_id: 1,
    image_urls_list: `https://images.unsplash.com/photo-1460661419201-fd4cecdf8a8b?q=80&w=800
https://images.unsplash.com/photo-1513829096999-4978602294fc?q=80&w=800
https://images.unsplash.com/photo-1542601906990-b4d3fb778b09?q=80&w=800
https://images.unsplash.com/photo-1531482615713-2afd69097998?q=80&w=800
https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?q=80&w=800`,
    title_words: "5-7",
    subtitle_words: "6-10",
    excerpt_words: 20,
    article_ideas_list: `The intersection of traditional arts and modern food security initiatives.
How creative leadership is reshaping the tech landscape in North America.
The role of community-driven design in urban agriculture centers.
Emerging trends in digital storytelling for cultural preservation.
The importance of sustainable materials in large-scale art installations.`
  });

  const [simulatedIdeas, setSimulatedIdeas] = useState<ArticleIdea[]>([]);

  // Parse ideas list on load or settings change
  useEffect(() => {
    if (settings.article_ideas_list) {
      const lines = settings.article_ideas_list.split('\n').filter(l => l.trim().length > 0);
      const parsed = lines.map((line, idx) => {
        const parts = line.split(',');
        return {
          id: idx + 1,
          idea: parts[0]?.trim() || '',
          lastused: parts[1]?.trim() || null
        };
      });
      setSimulatedIdeas(parsed);
    }
  }, [settings.article_ideas_list]);

  // Autopilot simulated Cron logs
  const [scheduleLogs, setScheduleLogs] = useState<string[]>([
    "[System Autopilot Booted] WordPress schedule_hours initialized.",
    "WordPress Cron successfully registered event hook: 'summarybot_cron_hook'.",
    "Current configuration: Independent prompt generation triggers every 24 hours.",
    "Status: Idle. Waiting for scheduled interval trigger or manual override."
  ]);

  // Simulated Images database for live preview and rotation cooldown checks
  const [simulatedImages, setSimulatedImages] = useState<{
    id: number;
    url: string;
    lastused: string | null;
  }[]>([
    { id: 1, url: 'https://images.unsplash.com/photo-1460661419201-fd4cecdf8a8b?q=80&w=800', lastused: null },
    { id: 2, url: 'https://images.unsplash.com/photo-1513829096999-4978602294fc?q=80&w=800', lastused: null },
    { id: 3, url: 'https://images.unsplash.com/photo-1542601906990-b4d3fb778b09?q=80&w=800', lastused: null },
    { id: 4, url: 'https://images.unsplash.com/photo-1531482615713-2afd69097998?q=80&w=800', lastused: null },
    { id: 5, url: 'https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?q=80&w=800', lastused: null },
  ]);

  const [newImageUrl, setNewImageUrl] = useState("");
  const [csvPasteText, setCsvPasteText] = useState("");
  const [simulationStatus, setSimulationStatus] = useState("");
  const [editingImageId, setEditingImageId] = useState<number | null>(null);
  const [editingUrl, setEditingUrl] = useState("");
  const [editingLastUsed, setEditingLastUsed] = useState("");

  const handleAddImageUrl = () => {
    if (!newImageUrl.trim()) return;
    const nextId = simulatedImages.length > 0 ? Math.max(...simulatedImages.map(img => img.id)) + 1 : 1;
    setSimulatedImages([
      ...simulatedImages,
      { id: nextId, url: newImageUrl.trim(), lastused: null }
    ]);
    setNewImageUrl("");
    setSimulationStatus("Successfully added 1 new image banner.");
  };

  const handleImportCSV = () => {
    if (!csvPasteText.trim()) return;
    // Format: URL, timestamp (line by line)
    const lines = csvPasteText.split("\n").map(l => l.trim()).filter(Boolean);
    let count = 0;
    const newImgs = [...simulatedImages];
    let nextId = newImgs.length > 0 ? Math.max(...newImgs.map(img => img.id)) + 1 : 1;

    for (const line of lines) {
      if (line.includes(",")) {
        const parts = line.split(",").map(p => p.trim());
        const u = parts[0];
        const t = parts[1] || null;
        if (u) {
          newImgs.push({ id: nextId++, url: u, lastused: t });
          count++;
        }
      } else {
        newImgs.push({ id: nextId++, url: line, lastused: null });
        count++;
      }
    }

    setSimulatedImages(newImgs);
    setCsvPasteText("");
    setSimulationStatus(`Successfully imported ${count} images from CSV paste.`);
  };

  const handleStartEditImage = (img: { id: number; url: string; lastused: string | null }) => {
    setEditingImageId(img.id);
    setEditingUrl(img.url);
    setEditingLastUsed(img.lastused || "");
  };

  const handleSaveEditImage = () => {
    if (!editingUrl.trim()) return;
    setSimulatedImages(simulatedImages.map(img => {
      if (img.id === editingImageId) {
        return { ...img, url: editingUrl.trim(), lastused: editingLastUsed.trim() || null };
      }
      return img;
    }));
    setEditingImageId(null);
    setSimulationStatus("Successfully updated image settings.");
  };

  const handleDeleteSimulatedImage = (id: number) => {
    setSimulatedImages(simulatedImages.filter(img => img.id !== id));
    setSimulationStatus("Successfully deleted image option.");
    if (editingImageId === id) {
      setEditingImageId(null);
    }
  };

  // Simulated state for new post form
  const [showAddForm, setShowAddForm] = useState(false);
  const [newTitle, setNewTitle] = useState("");
  const [newCategory, setNewCategory] = useState("Creative Leadership");
  const [newContent, setNewContent] = useState("");
  
  // Results
  const [result, setResult] = useState<SimulationResult | null>(null);

  // Sync activeTab side effect if mode shifts
  useEffect(() => {
    if (generatorMode === "autopilot") {
      setActiveTab("settings");
    } else {
      setActiveTab("articles");
    }
  }, [generatorMode]);

  const resetPosts = () => {
    setPosts(initialMockPosts);
    setError(null);
  };

  const handleAddPost = (e: React.FormEvent) => {
    e.preventDefault();
    if (!newTitle.trim() || !newContent.trim()) return;

    const newPost: WPPost = {
      id: "custom-" + Date.now(),
      title: newTitle,
      url: "https://artsincubator.ca/articles/" + newTitle.toLowerCase().replace(/[^a-z0-9]+/g, "-"),
      author: "Guest Editor",
      category: newCategory,
      date: new Date().toISOString().split("T")[0],
      content: newContent
    };

    setPosts([newPost, ...posts]);
    setNewTitle("");
    setNewContent("");
    setShowAddForm(false);
  };

  const handleDeletePost = (id: string) => {
    setPosts(posts.filter(p => p.id !== id));
  };

  const triggerGeneration = async () => {
    setLoading(true);
    setError(null);
    setResult(null);

    const steps = generatorMode === "autopilot" 
      ? [
          "Autopilot cron trigger received...",
          `Retrieving custom prompt guidelines: "${settings.ai_instructions.substring(0, 45)}..."`,
          `Configuring ambient context tags (Intro: "${settings.intro_text || ''}", Extro: "${settings.extro_text || ''}")`,
          `Establishing proxy link to backend server Gemini ${settings.model_name}...`,
          "Writing and parsing content block structure...",
          "Simulated draft post created in WordPress database successfully!"
        ]
      : [
          "Quering published articles across the local database...",
          "Identified " + posts.length + " active articles from the past " + settings.limit_days + " days.",
          "Parsing categories & matching targets: " + settings.target_themes + "...",
          "Packaging prompts and instructions for Gemini " + settings.model_name + "...",
          "Invoking secure full-stack server proxy for Gemini API...",
          "Structuring summaries within Gutenberg Block wrappers...",
          "Draft post metadata verified successfully. Compiling views..."
        ];

    let stepIdx = 0;
    setLoadingStep(steps[0]);

    if (generatorMode === "autopilot") {
      setScheduleLogs(prev => [
        ...prev,
        `[On-Demand Force Run] Initiating autonomous generation cycle...`,
        `Contacting Gemini ${settings.model_name} with Core Guidelines: "${settings.ai_instructions.substring(0, 55)}..."`
      ]);
    }

    const interval = setInterval(() => {
      stepIdx++;
      if (stepIdx < steps.length) {
        setLoadingStep(steps[stepIdx]);
      }
    }, 1100);

    try {
      // Pick an Idea satisfaction rotation (Cooldown 6 weeks simulated)
      const nowTimes = new Date();
      const sixWeeksAgoIdea = new Date(nowTimes.getTime() - (6 * 7 * 24 * 60 * 60 * 1000));
      
      let availableIdeas = simulatedIdeas.filter(i => !i.lastused || new Date(i.lastused) < sixWeeksAgoIdea);
      if (availableIdeas.length === 0) {
        availableIdeas = [...simulatedIdeas].sort((a, b) => {
            const dateA = a.lastused ? new Date(a.lastused).getTime() : 0;
            const dateB = b.lastused ? new Date(b.lastused).getTime() : 0;
            return dateA - dateB;
        });
      }
      
      const selectedIdea = availableIdeas[Math.floor(Math.random() * availableIdeas.length)];
      if (selectedIdea) {
        // Update local simulated state to show usage
        const updatedIdeas = simulatedIdeas.map(i => i.id === selectedIdea.id ? { ...i, lastused: nowTimes.toISOString().split('T')[0] } : i);
        setSimulatedIdeas(updatedIdeas);
        // Persist back to text settings (simulation only)
        const newIdeaListStr = updatedIdeas.map(i => `${i.idea}${i.lastused ? `, ${i.lastused}` : ""}`).join("\n");
        setSettings(prev => ({ ...prev, article_ideas_list: newIdeaListStr }));
      }

      const response = await fetch("/api/generate", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({
          posts: generatorMode === "autopilot" ? [] : posts,
          themes: settings.target_themes,
          instructions: settings.ai_instructions,
          model_name: settings.model_name,
          intro: settings.intro_text,
          extro: settings.extro_text,
          author_id: settings.author_id,
          image_urls_list: settings.image_urls_list,
          simulated_images: simulatedImages, // Pass simulated images to server side image rotators!
          title_words: settings.title_words,
          subtitle_words: settings.subtitle_words,
          excerpt_words: settings.excerpt_words,
          narrative_idea: selectedIdea?.idea || ""
        })
      });

      const data = await response.json();
      clearInterval(interval);

      if (!response.ok) {
        throw new Error(data.error || "Failed secure server-side compile.");
      }

      // Update lastused timestamp in simulation database state if a simulated image was picked
      if (data.chosen_image_id) {
        setSimulatedImages(prev => prev.map(img => {
          if (img.id === data.chosen_image_id) {
            return { ...img, lastused: new Date().toISOString() };
          }
          return img;
        }));
      }

      const mockAuthors: Record<number, string> = {
        1: "Primary Administrator (ID: 1)",
        2: "Guest Editor (ID: 2)",
        3: "Arts Incubator Lead (ID: 3)",
        4: "Community Reporter (ID: 4)"
      };
      const authorName = mockAuthors[settings.author_id || 1] || "Primary Administrator (ID: 1)";

      setResult({
        title: data.title,
        excerpt: data.excerpt,
        category: data.category || "General Hub",
        content: data.content,
        originalRaw: data.originalRaw,
        author: authorName
      });
      setResultTab("reader");

      if (generatorMode === "autopilot") {
        const imageLogStr = data.chosen_image_id 
          ? `[Image Selected] Block banner Image Option #${data.chosen_image_id} selected. Cooldown rule updated.`
          : `[Image Selected] No eligible banner image selected.`;
        setScheduleLogs(prev => [
          ...prev,
          `[Success] Dynamic draft written: "${data.title}"`,
          imageLogStr,
          `Gutenberg HTML comment tags successfully structured inside simulated database. Status: '${settings.default_post_status}'`,
          `Next cron automation scheduled in ${settings.schedule_hours} hours hands-free.`
        ]);
      }
    } catch (err: any) {
      clearInterval(interval);
      console.error(err);
      setError(
        err.message || 
        "Something went wrong contacting the server backend API."
      );
      if (generatorMode === "autopilot") {
        setScheduleLogs(prev => [
          ...prev,
          `[Error] Autopilot execution aborted: ${err.message || "API connection timeout"}`,
          `[System] Failure detected. Automated retry scheduled for 3 minutes from now.`
        ]);
      }
    } finally {
      setLoading(false);
    }
  };

  // Utility to convert Gutenberg comments to clean HTML for the simulator preview
  const renderPreviewHTML = (rawBlocksContent: string) => {
    let html = rawBlocksContent;
    html = html.replace(/<!-- wp:heading .*?-->([\s\S]*?)<!-- \/wp:heading -->/g, "$1");
    html = html.replace(/<!-- wp:paragraph -->([\s\S]*?)<!-- \/wp:paragraph -->/g, "$1");
    html = html.replace(/<!--\s*wp:list\s*-->([\s\S]*?)<!--\s*\/wp:list\s*-->/g, "$1");
    html = html.replace(/<!--\s*wp:list-item\s*-->([\s\S]*?)<!--\s*\/wp:list-item\s*-->/g, "$1");
    html = html.replace(/<!--\s*wp:image\s*(?:\{.*?\})?\s*-->([\s\S]*?)<!--\s*\/wp:image\s*-->/g, "$1");
    return { __html: html };
  };

  // Basic SEO metrics scorecard calculation
  const getSEOMetrics = () => {
    if (!result) return { textLength: 0, urlCount: 0, densityOk: false, headingOk: false };
    const content = result.content;
    const textLength = content.replace(/<[^>]*>/g, "").split(/\s+/).length;
    
    // Count occurrences of links
    const linkMatches = content.match(/<a\s+href=/g);
    const urlCount = linkMatches ? linkMatches.length : 0;

    // Check heading counts 
    const h2Matches = content.match(/<h2/g);
    const h3Matches = content.match(/<h3/g);
    const headingOk = (h2Matches !== null || h3Matches !== null);

    // Check keywords density
    const densityOk = textLength > 150;

    return { textLength, urlCount, densityOk, headingOk };
  };

  const seo = getSEOMetrics();

  const handleHoursChange = (hours: number) => {
    setSettings(prev => ({ ...prev, schedule_hours: hours }));
    setScheduleLogs(prev => [
      ...prev,
      `[Config Updated] Schedule interval adjusted to: Every ${hours} hours.`,
      `[WP-Cron Hook Rescheduled] Resetting hook event 'summarybot_cron_hook' offset.`
    ]);
  };

  return (
    <div className="space-y-6 w-full max-w-none">
      {/* Mode selectors at the top */}
      <div className="bg-slate-900 text-white rounded-xl p-4 flex flex-col md:flex-row md:items-center justify-between gap-4 border border-slate-950 shadow-md">
        <div className="flex items-center gap-3">
          <div className="w-10 h-10 rounded-lg bg-[#2271b1] flex items-center justify-center text-white font-black select-none shadow">
            SB
          </div>
          <div>
            <h3 className="font-extrabold text-sm tracking-tight text-white flex items-center gap-1.5">
              SummaryBot WordPress Integration
              <span className="text-[9px] bg-sky-500/20 text-sky-400 font-mono px-1.5 py-0.5 rounded border border-sky-500/30 font-bold uppercase select-none">v2.0.0</span>
            </h3>
            <p className="text-slate-400 text-xs">Simulated panel for autonomous newsletter drafting & WP-cron scheduling.</p>
          </div>
        </div>
        <div className="flex bg-slate-950 rounded-lg p-1 border border-slate-800 text-xs font-bold leading-none select-none">
          <button
            type="button"
            onClick={() => setGeneratorMode("autopilot")}
            className={`px-4 py-2.5 rounded-md flex items-center gap-1.5 transition-all text-xs cursor-pointer ${
              generatorMode === "autopilot" 
                ? "bg-[#2271b1] text-white font-extrabold shadow" 
                : "text-slate-400 hover:text-white"
            }`}
          >
            <Clock className="w-3.5 h-3.5" />
            Autopilot (Independent)
          </button>
          <button
            type="button"
            onClick={() => setGeneratorMode("summarize")}
            className={`px-4 py-2.5 rounded-md flex items-center gap-1.5 transition-all text-xs cursor-pointer ${
              generatorMode === "summarize" 
                ? "bg-[#2271b1] text-white font-extrabold shadow" 
                : "text-slate-400 hover:text-white"
            }`}
          >
            <BookOpen className="w-3.5 h-3.5" />
            Manual (Summarizer)
          </button>
        </div>
      </div>

      {/* Visual Workspace configuration */}
        <div className={`grid grid-cols-1 ${['images', 'ideas'].includes(activeTab) ? '' : 'lg:grid-cols-12'} gap-6 items-start w-full`}>
        {/* Left column: Setup workspace */}
        <div className={`${['images', 'ideas'].includes(activeTab) ? 'w-full' : 'lg:col-span-12 xl:col-span-6'} space-y-6`}>
          <div className="border border-slate-200 bg-white rounded-xl overflow-hidden shadow-sm">
            {/* Nav Headers depending on mode */}
            <div className="flex bg-slate-50 border-b border-slate-200">
              {generatorMode === "summarize" ? (
                <>
                  <button
                    onClick={() => setActiveTab("articles")}
                    className={`flex-1 py-3 px-2 font-bold text-[10.5px] uppercase tracking-wider border-b-2 flex items-center justify-center gap-1 transition-all cursor-pointer ${
                      activeTab === "articles" 
                        ? "border-[#2271b1] text-slate-900 bg-white font-extrabold" 
                        : "border-transparent text-slate-500 hover:text-slate-800"
                    }`}
                  >
                    <BookOpen className="w-3.5 h-3.5 text-slate-500" />
                    Articles Base ({posts.length})
                  </button>
                  <button
                    onClick={() => setActiveTab("settings")}
                    className={`flex-1 py-3 px-2 font-bold text-[10.5px] uppercase tracking-wider border-b-2 flex items-center justify-center gap-1 transition-all cursor-pointer ${
                      activeTab === "settings" 
                        ? "border-[#2271b1] text-slate-900 bg-white font-extrabold" 
                        : "border-transparent text-slate-500 hover:text-slate-800"
                    }`}
                  >
                    <Settings className="w-3.5 h-3.5 text-slate-500" />
                    Summarize Instructions
                  </button>
                </>
              ) : (
                <>
                  <button
                    onClick={() => setActiveTab("settings")}
                    className={`flex-1 py-3 px-4 font-bold text-xs uppercase tracking-wider border-b-2 flex items-center justify-center gap-2 transition-all cursor-pointer ${
                      activeTab === "settings" 
                        ? "border-[#2271b1] text-slate-900 bg-white font-extrabold" 
                        : "border-transparent text-slate-500 hover:text-slate-800"
                    }`}
                  >
                    <Settings className="w-4 h-4 text-slate-500" />
                    Scheduler Settings
                  </button>
                  <button
                    onClick={() => setActiveTab("ideas")}
                    className={`flex-1 py-3 px-4 font-bold text-xs uppercase tracking-wider border-b-2 flex items-center justify-center gap-2 transition-all cursor-pointer ${
                      activeTab === "ideas" 
                        ? "border-[#2271b1] text-slate-900 bg-white font-extrabold" 
                        : "border-transparent text-slate-500 hover:text-slate-800"
                    }`}
                  >
                    <Lightbulb className="w-4 h-4 text-slate-500" />
                    Idea Library
                  </button>
                </>
              )}
              <button
                onClick={() => setActiveTab("images")}
                className={`flex-1 py-3 px-4 font-bold text-xs uppercase tracking-wider border-b-2 flex items-center justify-center gap-2 transition-all cursor-pointer ${
                  activeTab === "images" 
                    ? "border-[#2271b1] text-slate-900 bg-white font-extrabold" 
                    : "border-transparent text-slate-500 hover:text-slate-800"
                }`}
              >
                <Newspaper className="w-4 h-4 text-slate-500" />
                Image Library
              </button>
            </div>

            <div className="p-5">
              {/* Tab Content 1: Articles List (Manual summarizes only) */}
              {generatorMode === "summarize" && activeTab === "articles" && (
                <div className="space-y-4">
                  <div className="flex items-center justify-between">
                    <span className="text-xs font-bold text-slate-400 uppercase tracking-wider">Simulated WP Database:</span>
                    <div className="flex gap-2">
                      <button
                        onClick={resetPosts}
                        className="text-[10px] font-bold text-slate-600 hover:text-slate-900 flex items-center gap-1 bg-slate-100 hover:bg-slate-200 px-2.5 py-1.5 rounded border border-slate-200 transition cursor-pointer"
                        title="Reset to default mock posts list"
                      >
                        <RotateCcw className="w-3 h-3" />
                        Reset
                      </button>
                      <button
                        onClick={() => setShowAddForm(!showAddForm)}
                        className="text-[10px] font-bold text-white flex items-center gap-1 bg-[#2271b1] hover:bg-[#135e96] px-2.5 py-1.5 rounded transition cursor-pointer shadow-xs"
                      >
                        <Plus className="w-3 h-3" />
                        New Article
                      </button>
                    </div>
                  </div>

                  {/* Add form */}
                  {showAddForm && (
                    <form onSubmit={handleAddPost} className="bg-slate-50 p-4 border border-slate-200 rounded-lg space-y-3">
                      <h4 className="text-xs font-bold text-slate-700 uppercase tracking-tight">Simulate Article Addition</h4>
                      <div className="space-y-2">
                        <input
                          type="text"
                          required
                          value={newTitle}
                          onChange={(e) => setNewTitle(e.target.value)}
                          placeholder="Article Title (e.g. Scaling Food Distribution Networks)"
                          className="w-full text-xs text-slate-800 bg-white border border-slate-200 rounded px-2.5 py-2 focus:border-[#2271b1] focus:ring-1 focus:ring-[#2271b1] focus:outline-none"
                        />
                        <div className="grid grid-cols-2 gap-2">
                          <select
                            value={newCategory}
                            onChange={(e) => setNewCategory(e.target.value)}
                            className="text-xs text-slate-700 bg-white border border-slate-200 rounded px-1.5 py-2 focus:border-[#2271b1] focus:outline-none"
                          >
                            <option value="The Arts">The Arts</option>
                            <option value="Creative Leadership">Creative Leadership</option>
                            <option value="Creative Entrepreneurship">Creative Entrepreneurship</option>
                            <option value="Food Security & AI">Food Security & AI</option>
                          </select>
                          <span className="text-[10px] text-slate-400 flex items-center justify-end font-mono">WP url auto-generated</span>
                        </div>
                        <textarea
                          required
                          rows={4}
                          value={newContent}
                          onChange={(e) => setNewContent(e.target.value)}
                          placeholder="Paragraph detailing critical theme points or action directives..."
                          className="w-full text-xs text-slate-800 bg-white border border-slate-200 rounded p-2.5 focus:border-[#2271b1] focus:ring-1 focus:ring-[#2271b1] focus:outline-none leading-relaxed font-sans"
                        />
                      </div>
                      <div className="flex justify-end gap-2 text-xs">
                        <button
                          type="button"
                          onClick={() => setShowAddForm(false)}
                          className="px-2.5 py-1.5 text-slate-500 hover:text-slate-800 font-semibold cursor-pointer"
                        >
                          Cancel
                        </button>
                        <button
                          type="submit"
                          className="px-2.5 py-1.5 bg-[#2271b1] hover:bg-[#135e96] rounded text-white font-bold cursor-pointer"
                        >
                          Add to Base
                        </button>
                      </div>
                    </form>
                  )}

                  {/* List scrolls */}
                  <div className="space-y-3 max-h-[350px] overflow-y-auto pr-1 custom-scrollbar">
                    {posts.map((p) => (
                      <div key={p.id} className="bg-slate-50/50 border border-slate-200/90 hover:border-slate-300 p-3 rounded-lg space-y-1.5 flex flex-col justify-between group transition-all">
                        <div className="flex items-start justify-between">
                          <span className="px-1.5 py-0.5 bg-white border border-slate-200 rounded text-[8px] font-bold text-[#2271b1] uppercase tracking-wider">
                            {p.category}
                          </span>
                          <button
                            onClick={() => handleDeletePost(p.id)}
                            className="text-slate-400 hover:text-red-500 p-0.5 rounded transition cursor-pointer"
                            title="Delete simulated post"
                          >
                            <Trash2 className="w-3 h-3" />
                          </button>
                        </div>
                        <h4 className="font-bold text-slate-800 text-xs leading-snug group-hover:text-[#2271b1] transition-all">
                          {p.title}
                        </h4>
                        <p className="text-slate-500 text-[10.5px] line-clamp-2 leading-relaxed">
                          {p.content}
                        </p>
                        <div className="text-[9.5px] text-slate-400 font-mono pt-1 flex justify-between select-none">
                          <span>By {p.author}</span>
                          <span>{p.date}</span>
                        </div>
                      </div>
                    ))}
                  </div>
                </div>
              )}

              {/* Settings Configuration for Autopilot Option and Summarize Settings */}
              {activeTab === "settings" && (
                <div className="space-y-4">
                  {/* Cron Scheduler Slider under Autopilot mode */}
                  {generatorMode === "autopilot" && (
                    <div className="bg-slate-50 border border-slate-200 rounded-lg p-3.5 space-y-3">
                      <div className="flex justify-between items-center">
                        <label className="text-xs font-bold text-slate-700 uppercase tracking-wider block flex items-center gap-1.2 font-sans select-none">
                          <Clock className="w-3.5 h-3.5 text-[#2271b1]" />
                          WP-CRON CYCLE INTERVAL
                        </label>
                        <span className="text-xs bg-white border border-slate-300 font-bold px-2 py-0.5 rounded text-slate-900 shadow-sm font-mono">
                          Every {settings.schedule_hours || 24} Hours
                        </span>
                      </div>
                      
                      <div className="space-y-1">
                        <input
                          type="range"
                          min="1"
                          max="240"
                          step="1"
                          value={settings.schedule_hours || 24}
                          onChange={(e) => handleHoursChange(parseInt(e.target.value))}
                          className="w-full accent-[#2271b1] cursor-pointer"
                        />
                        <div className="flex justify-between text-[9px] text-slate-400 font-mono">
                          <span>1 Hour (High Frequency)</span>
                          <span>24 Hours (Standard)</span>
                          <span>240 Hours (Maximum)</span>
                        </div>
                      </div>
                      
                      <div className="text-[10px] text-slate-500 leading-relaxed font-sans border-t border-slate-200 pt-2 flex items-center gap-1.5 select-none">
                        <Calendar className="w-3 h-3 text-slate-400" />
                        <span>Simulated next automated pass: <strong className="text-slate-800">in {settings.schedule_hours || 24} hours</strong></span>
                      </div>
                    </div>
                  )}

                  {/* Themes Targeted (summarize mode only) */}
                  {generatorMode === "summarize" && (
                    <div className="space-y-1">
                      <label className="text-xs font-bold text-slate-700 uppercase tracking-widest block">Themes Targeted</label>
                      <input
                        type="text"
                        className="w-full text-xs text-slate-800 bg-white border border-slate-200 rounded p-2.5 focus:border-[#2271b1] focus:ring-1 focus:ring-[#2271b1] focus:outline-none"
                        value={settings.target_themes}
                        onChange={(e) => setSettings({ ...settings, target_themes: e.target.value })}
                      />
                      <span className="text-[9.5px] text-slate-400 block leading-tight">Clusters database articles with matches automatically.</span>
                    </div>
                  )}

                  <div className="grid grid-cols-2 gap-3">
                    <div className="space-y-1">
                      <label className="text-xs font-bold text-slate-700 uppercase tracking-widest block">AI Model</label>
                      <select
                        className="w-full text-xs text-slate-700 bg-white border border-slate-200 rounded p-2 focus:border-[#2271b1] focus:outline-none"
                        value={settings.model_name}
                        onChange={(e) => setSettings({ ...settings, model_name: e.target.value as any })}
                      >
                        <option value="gemini-3.5-flash">gemini-3.5-flash</option>
                        <option value="gemini-3.1-pro-preview">gemini-3.1-pro</option>
                      </select>
                    </div>
                    <div className="space-y-1">
                      <label className="text-xs font-bold text-slate-700 uppercase tracking-widest block">Draft Status</label>
                      <select
                        className="w-full text-xs text-slate-700 bg-white border border-slate-200 rounded p-2 focus:border-[#2271b1] focus:outline-none"
                        value={settings.default_post_status}
                        onChange={(e) => setSettings({ ...settings, default_post_status: e.target.value as any })}
                      >
                        <option value="draft">Draft</option>
                        <option value="pending">Pending</option>
                        <option value="publish">Published</option>
                      </select>
                    </div>
                  </div>

                    <div className="space-y-1">
                      <label className="text-xs font-bold text-slate-700 uppercase tracking-widest block font-sans">Generator Word Constraints</label>
                      <div className="grid grid-cols-3 gap-2 bg-slate-50 border border-slate-200 rounded-lg p-2.5 shadow-xs">
                        <div className="space-y-1">
                          <label className="text-[9px] font-bold text-slate-500 uppercase">Main Title</label>
                          <input 
                            type="text" 
                            className="w-full text-[10px] bg-white border border-slate-250 rounded px-2 py-1.5 focus:outline-none focus:border-[#2271b1]"
                            value={settings.title_words}
                            onChange={(e) => setSettings({...settings, title_words: e.target.value})}
                            placeholder="5-7"
                          />
                        </div>
                        <div className="space-y-1">
                          <label className="text-[9px] font-bold text-slate-500 uppercase">Sub-Title</label>
                          <input 
                            type="text" 
                            className="w-full text-[10px] bg-white border border-slate-250 rounded px-2 py-1.5 focus:outline-none focus:border-[#2271b1]"
                            value={settings.subtitle_words}
                            onChange={(e) => setSettings({...settings, subtitle_words: e.target.value})}
                            placeholder="6-10"
                          />
                        </div>
                        <div className="space-y-1">
                          <label className="text-[9px] font-bold text-slate-500 uppercase">Excerpt</label>
                          <input 
                            type="number" 
                            className="w-full text-[10px] bg-white border border-slate-250 rounded px-2 py-1.5 focus:outline-none focus:border-[#2271b1]"
                            value={settings.excerpt_words}
                            onChange={(e) => setSettings({...settings, excerpt_words: parseInt(e.target.value) || 20})}
                          />
                        </div>
                      </div>
                      <span className="text-[9px] text-slate-400 block leading-tight pt-0.5">Control the exact word length ranges for standard components.</span>
                    </div>

                    <div className="space-y-1">
                      <label className="text-xs font-bold text-slate-700 uppercase tracking-widest block">Assigned Post Author</label>
                    <select
                      className="w-full text-xs text-slate-700 bg-white border border-slate-200 rounded p-2 focus:border-[#2271b1] focus:outline-none"
                      value={settings.author_id || 1}
                      onChange={(e) => setSettings({ ...settings, author_id: parseInt(e.target.value) })}
                    >
                      <option value={1}>Primary Administrator (ID: 1)</option>
                      <option value={2}>Guest Editor (ID: 2)</option>
                      <option value={3}>Arts Incubator Lead (ID: 3)</option>
                      <option value={4}>Community Reporter (ID: 4)</option>
                    </select>
                    <span className="text-[9.5px] text-slate-400 block leading-tight">Configures the selected WordPress user author metadata assigned during post compilation.</span>
                  </div>

                  <div className="bg-blue-50/50 border border-blue-100 rounded-lg p-3 space-y-2">
                    <div className="flex items-center gap-2">
                      <Newspaper className="w-4 h-4 text-[#2271b1]" />
                      <span className="text-xs font-bold text-slate-900">Custom Banner Image Library is active!</span>
                    </div>
                    <p className="text-[10px] text-slate-600 leading-relaxed font-sans">
                      Post banner images are now dynamically managed with a <strong>6-week cooldown rotation</strong> (protecting recently selected photos). You can add, edit, delete, and bulk-import CSVs in the new tab.
                    </p>
                    <button
                      type="button"
                      onClick={() => setActiveTab("images")}
                      className="inline-flex items-center gap-1.5 text-[10px] font-bold text-white bg-[#2271b1] hover:bg-[#135e96] px-3 py-1.5 rounded transition shadow-xs cursor-pointer"
                    >
                      Manage Banner Images &rarr;
                    </button>
                  </div>

                  {/* Intro/Extro Context (autopilot mode only) */}
                  {generatorMode === "autopilot" && (
                    <div className="grid grid-cols-1 gap-2.5">
                      <div className="space-y-1">
                        <label className="text-xs font-bold text-slate-700 uppercase tracking-widest block">Intro Context Theme</label>
                        <input
                          type="text"
                          className="w-full text-xs text-slate-800 bg-white border border-slate-200 rounded p-2 focus:border-[#2271b1] focus:ring-1"
                          placeholder="e.g. Arts Incubator Community Hub updates."
                          value={settings.intro_text || ""}
                          onChange={(e) => setSettings({ ...settings, intro_text: e.target.value })}
                        />
                      </div>
                      <div className="space-y-1">
                        <label className="text-xs font-bold text-slate-700 uppercase tracking-widest block">Extro Context / Signoff</label>
                        <input
                          type="text"
                          className="w-full text-xs text-slate-800 bg-white border border-slate-200 rounded p-2 focus:border-[#2271b1] focus:ring-1"
                          placeholder="e.g. To subscribe or support our work, visit artsincubator.org"
                          value={settings.extro_text || ""}
                          onChange={(e) => setSettings({ ...settings, extro_text: e.target.value })}
                        />
                      </div>
                    </div>
                  )}

                  {/* Core system prompt */}
                  <div className="space-y-1.5">
                    <label className="text-xs font-bold text-slate-700 uppercase tracking-widest block">
                      {generatorMode === "autopilot" ? "Core Autonomous Instructions & Guidelines" : "Summarization System Prompts"}
                    </label>
                    <textarea
                      rows={generatorMode === "autopilot" ? 5 : 4}
                      className="w-full text-xs text-slate-700 bg-slate-50 border border-slate-200 rounded p-2.5 focus:border-[#2271b1] focus:ring-1 focus:ring-[#2271b1] focus:outline-none leading-relaxed font-sans"
                      value={settings.ai_instructions}
                      onChange={(e) => setSettings({ ...settings, ai_instructions: e.target.value })}
                    />
                    <span className="text-[9.5px] text-slate-455 block leading-tight">These instructions direct Gemini on narrative focus, style constraints, and spellings.</span>
                  </div>
                </div>
              )}

              {/* Image Library Panel */}
              {activeTab === "ideas" && (
                <div className="p-5 space-y-6 animate-in fade-in slide-in-from-top-1 duration-300">
                  <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                    {/* Sub-Card: Add Single Idea */}
                    <div className="bg-slate-50 border border-slate-200 rounded-xl p-4 shadow-sm">
                      <h4 className="text-[10px] font-bold text-slate-500 uppercase mb-3 border-b border-slate-200 pb-2">Add Single Article Idea</h4>
                      <div className="space-y-3">
                        <textarea 
                          className="w-full text-xs border border-slate-250 rounded p-2 min-h-[80px] focus:outline-none focus:border-[#2271b1]"
                          placeholder="e.g. Modern developments in sustainable urban farming..."
                          id="new-idea-input"
                        />
                        <button 
                          className="bg-[#2271b1] text-white text-[11px] font-bold px-4 py-2 rounded shadow-sm hover:bg-[#135e96] transition-colors cursor-pointer"
                          onClick={() => {
                            const input = document.getElementById('new-idea-input') as HTMLTextAreaElement;
                            if (input?.value.trim()) {
                              setSettings(prev => ({
                                ...prev,
                                article_ideas_list: (prev.article_ideas_list || "") + (prev.article_ideas_list ? "\n" : "") + input.value.trim()
                              }));
                              input.value = "";
                            }
                          }}
                        >
                          Save Idea to Library
                        </button>
                      </div>
                    </div>

                    {/* Sub-Card: Bulk Import */}
                    <div className="bg-slate-50 border border-slate-200 rounded-xl p-4 shadow-sm">
                      <h4 className="text-[10px] font-bold text-slate-500 uppercase mb-3 border-b border-slate-200 pb-2">Bulk Import Ideas via CSV</h4>
                      <div className="space-y-3">
                        <textarea 
                          className="w-full text-[10px] border border-slate-250 rounded p-2 min-h-[80px] font-mono focus:outline-none focus:border-[#2271b1]"
                          placeholder="Idea Content, LastUsed (optional)"
                          id="bulk-ideas-input"
                        />
                        <button 
                          className="bg-white border border-slate-300 text-slate-700 text-[11px] font-bold px-4 py-2 rounded shadow-sm hover:bg-slate-50 transition-colors cursor-pointer"
                          onClick={() => {
                            const input = document.getElementById('bulk-ideas-input') as HTMLTextAreaElement;
                            if (input?.value.trim()) {
                              setSettings(prev => ({
                                ...prev,
                                article_ideas_list: (prev.article_ideas_list || "") + (prev.article_ideas_list ? "\n" : "") + input.value.trim()
                              }));
                              input.value = "";
                            }
                          }}
                        >
                          Start Import Process
                        </button>
                      </div>
                    </div>
                  </div>

                  <div className="space-y-2 w-full">
                    <span className="text-[10.5px] font-bold text-slate-700 uppercase tracking-wider block">Stored Article Ideas Library</span>
                    <div className="border border-slate-150 rounded-lg overflow-x-auto bg-white max-h-[600px] overflow-y-auto custom-scrollbar w-full shadow-sm">
                      <table className="w-full text-left text-[11px] border-collapse">
                        <thead>
                          <tr className="bg-slate-50 border-b border-slate-150 text-slate-500 font-bold sticky top-0 z-10 shadow-sm">
                            <th className="py-2.5 px-3 w-[50px]">ID</th>
                            <th className="py-2.5 px-3">Idea / Narrative Topic</th>
                            <th className="py-2.5 px-3 w-[250px]">Cooldown Status</th>
                            <th className="py-2.5 px-3 w-[120px] text-right">Actions</th>
                          </tr>
                        </thead>
                        <tbody>
                          {simulatedIdeas.map((idea) => {
                            const now = new Date();
                            const sixWeeks = 6 * 7 * 24 * 60 * 60 * 1000;
                            let status = null;
                            
                            if (!idea.lastused) {
                              status = <span className="inline-flex items-center gap-1.5 px-2 py-0.5 rounded text-[9px] font-bold uppercase bg-emerald-50 text-emerald-700 border border-emerald-100">Available <span className="text-[8px] font-normal lowercase opacity-70">Never Used</span></span>;
                            } else {
                              const diff = now.getTime() - new Date(idea.lastused).getTime();
                              if (diff >= sixWeeks) {
                                status = <span className="inline-flex items-center gap-1.5 px-2 py-0.5 rounded text-[9px] font-bold uppercase bg-emerald-50 text-emerald-700 border border-emerald-100">Available <span className="text-[8px] font-normal lowercase opacity-70">Used: {idea.lastused}</span></span>;
                              } else {
                                const remaining = Math.ceil((sixWeeks - diff) / (24 * 3600 * 1000));
                                status = <span className="inline-flex items-center gap-1.5 px-2 py-0.5 rounded text-[9px] font-bold uppercase bg-amber-50 text-amber-700 border border-amber-100">Cooldown <span className="text-[8px] font-normal lowercase opacity-70">{remaining} days left</span></span>;
                              }
                            }

                            return (
                              <tr key={idea.id} className="border-b border-slate-100 hover:bg-slate-50/50 transition-colors">
                                <td className="py-2.5 px-3 text-slate-500 font-medium">{idea.id}</td>
                                <td className="py-2.5 px-3 text-slate-700">{idea.idea}</td>
                                <td className="py-2.5 px-3">{status}</td>
                                <td className="py-2.5 px-3 text-right space-x-2">
                                  <button 
                                    className="text-[#2271b1] hover:underline font-bold cursor-pointer"
                                    onClick={() => {
                                      // Simple edit simulation: prompt for new text
                                      const newText = prompt("Edit Idea:", idea.idea);
                                      if (newText) {
                                        const updated = simulatedIdeas.map(i => i.id === idea.id ? { ...i, idea: newText } : i);
                                        setSettings(prev => ({ ...prev, article_ideas_list: updated.map(i => `${i.idea}${i.lastused ? `, ${i.lastused}` : ""}`).join("\n") }));
                                      }
                                    }}
                                  >
                                    Edit
                                  </button>
                                  <button 
                                    className="text-red-500 hover:underline font-bold cursor-pointer"
                                    onClick={() => {
                                      if (confirm("Delete this idea?")) {
                                        const updated = simulatedIdeas.filter(i => i.id !== idea.id);
                                        setSettings(prev => ({ ...prev, article_ideas_list: updated.map(i => `${i.idea}${i.lastused ? `, ${i.lastused}` : ""}`).join("\n") }));
                                      }
                                    }}
                                  >
                                    Remove
                                  </button>
                                </td>
                              </tr>
                            );
                          })}
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              )}

              {/* Image Library Panel */}
              {activeTab === "images" && (
                <div className="space-y-4">
                  {/* Local notifications for simulator actions */}
                  {simulationStatus && (
                    <div className="bg-emerald-50 border border-emerald-100 rounded-lg p-2.5 text-emerald-800 text-[10.5px] font-medium flex items-center justify-between">
                      <span>{simulationStatus}</span>
                      <button onClick={() => setSimulationStatus("")} className="text-emerald-500 hover:text-emerald-800 font-bold px-1">&times;</button>
                    </div>
                  )}

                  {/* Add Image / CSV options */}
                  <div className="grid grid-cols-2 gap-3.5">
                    {/* Block A: Add URL */}
                    <div className="bg-slate-50 border border-slate-200 rounded-lg p-3 space-y-2">
                      <span className="text-[10px] font-bold text-slate-500 uppercase tracking-wider block">Add URL Banner</span>
                      <div className="flex gap-1.5">
                        <input
                          type="url"
                          placeholder="Unsplash / Custom URL..."
                          value={newImageUrl}
                          onChange={(e) => setNewImageUrl(e.target.value)}
                          className="flex-grow text-[10px] bg-white border border-slate-200 rounded p-1.5 focus:outline-none focus:border-[#2271b1]"
                        />
                        <button
                          onClick={handleAddImageUrl}
                          className="bg-[#2271b1] hover:bg-[#135e96] text-white text-[10px] font-bold px-2.5 rounded hover:shadow-xs flex items-center justify-center cursor-pointer"
                        >
                          <Plus className="w-3.5 h-3.5" />
                        </button>
                      </div>
                    </div>

                    {/* Block B: Import CSV */}
                    <div className="bg-slate-50 border border-slate-200 rounded-lg p-3 space-y-2">
                      <span className="text-[10px] font-bold text-slate-500 uppercase tracking-wider block">Import from CSV text</span>
                      <div className="flex gap-1.5">
                        <input
                          type="text"
                          placeholder="Paste: URL, YYYY-MM-DD..."
                          value={csvPasteText}
                          onChange={(e) => setCsvPasteText(e.target.value)}
                          className="flex-grow text-[9.5px] bg-white border border-slate-200 rounded p-1.5 focus:outline-none focus:border-[#2271b1] font-mono"
                        />
                        <button
                          onClick={handleImportCSV}
                          className="bg-slate-700 hover:bg-slate-800 text-white text-[10px] font-bold px-2.5 rounded cursor-pointer"
                          title="Import CSV content"
                        >
                          Import
                        </button>
                      </div>
                    </div>
                  </div>

                  {editingImageId && (
                    <div className="bg-slate-50 border border-amber-300 rounded-lg p-3.5 space-y-2.5">
                      <span className="text-[10.5px] font-bold text-amber-800 uppercase tracking-wider block">Modify Image Settings</span>
                      <div className="grid grid-cols-1 gap-2">
                        <input
                          type="url"
                          placeholder="Image URL"
                          value={editingUrl}
                          onChange={(e) => setEditingUrl(e.target.value)}
                          className="text-[10.5px] w-full bg-white border border-slate-200 rounded p-2 focus:outline-none"
                        />
                        <input
                          type="text"
                          placeholder="Last Used Timestamp (YYYY-MM-DD HH:MM:SS or leave blank)"
                          value={editingLastUsed}
                          onChange={(e) => setEditingLastUsed(e.target.value)}
                          className="text-[10px] w-full bg-white border border-slate-200 rounded p-2 focus:outline-none font-mono"
                        />
                        <div className="flex gap-2">
                          <button
                            onClick={handleSaveEditImage}
                            className="bg-[#2271b1] hover:bg-[#135e96] text-white text-[10px] font-bold px-3 py-1.5 rounded cursor-pointer"
                          >
                            Save Details
                          </button>
                          <button
                            onClick={() => setEditingImageId(null)}
                            className="bg-slate-200 hover:bg-slate-300 text-slate-700 text-[10px] font-bold px-3 py-1.5 rounded cursor-pointer"
                          >
                            Cancel
                          </button>
                        </div>
                      </div>
                    </div>
                  )}

                  {/* Stored Banner table */}
                  <div className="space-y-2 w-full">
                    <span className="text-[10.5px] font-bold text-slate-700 uppercase tracking-wider block">Simulated Images Table</span>
                    <div className="border border-slate-150 rounded-lg overflow-x-auto bg-white max-h-[600px] overflow-y-auto custom-scrollbar w-full shadow-sm">
                      <table className="w-full text-left text-[11px] border-collapse">
                        <thead>
                          <tr className="bg-slate-50 border-b border-slate-150 text-slate-500 font-bold sticky top-0 z-10 shadow-sm">
                            <th className="py-2.5 px-3 w-[50px]">ID</th>
                            <th className="py-2.5 px-2 w-[110px] text-center">Preview</th>
                            <th className="py-2.5 px-3">Banner Image URL</th>
                            <th className="py-2.5 px-3 w-[230px]">Cooldown Status</th>
                            <th className="py-2.5 px-3 w-[150px] text-right">Actions</th>
                          </tr>
                        </thead>
                        <tbody>
                          {simulatedImages.map((img) => {
                            let statusText = "Ready";
                            let isCooldown = false;
                            let remainingText = "Never Used";

                            if (img.lastused) {
                              const lastUsedMs = new Date(img.lastused).getTime();
                              const diffMs = Date.now() - lastUsedMs;
                              const sixWeeksMs = 6 * 7 * 24 * 60 * 60 * 1000;
                              
                              if (diffMs < sixWeeksMs) {
                                isCooldown = true;
                                statusText = "Cooldown";
                                const remMs = sixWeeksMs - diffMs;
                                const remDays = Math.ceil(remMs / (24 * 3600 * 1000));
                                remainingText = `${remDays} days left`;
                              } else {
                                remainingText = `Used: ${new Date(img.lastused).toLocaleDateString()}`;
                              }
                            }

                            return (
                              <tr key={img.id} className="border-b border-slate-100 last:border-none hover:bg-slate-50/70 align-middle">
                                <td className="py-2 px-3 font-bold text-slate-500">{img.id}</td>
                                <td className="py-2 px-2 text-center">
                                  <img
                                    src={img.url}
                                    alt="Thumbnail"
                                    className="w-14 h-9 object-cover rounded border border-slate-200 bg-slate-50 shadow-xs inline-block"
                                    onError={(e) => {
                                      (e.target as HTMLImageElement).src = `data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='36'><rect width='100%' height='100%' fill='%23f3f4f6'/></svg>`;
                                    }}
                                  />
                                </td>
                                <td className="py-2 px-3 text-[#2271b1] font-mono text-[9.5px] break-all" title={img.url}>
                                  <a href={img.url} target="_blank" rel="noreferrer" className="hover:underline">{img.url}</a>
                                </td>
                                <td className="py-2 px-3">
                                  <div className="flex flex-col gap-0.5">
                                    <span className={`inline-block text-[8px] font-extrabold uppercase px-1.5 py-0.5 rounded-sm border w-fit leading-none ${
                                      isCooldown 
                                        ? "bg-amber-50 text-amber-700 border-amber-200" 
                                        : "bg-emerald-50 text-emerald-700 border-emerald-200"
                                    }`}>
                                      {statusText}
                                    </span>
                                    <span className="text-[9px] text-slate-400 whitespace-nowrap">{remainingText}</span>
                                  </div>
                                </td>
                                <td className="py-2 px-3 text-right">
                                  <div className="flex items-center justify-end gap-3">
                                    <button
                                      onClick={() => handleStartEditImage(img)}
                                      className="text-[#2271b1] hover:underline font-bold transition text-[10px] cursor-pointer"
                                    >
                                      Edit
                                    </button>
                                    <button
                                      onClick={() => handleDeleteSimulatedImage(img.id)}
                                      className="text-red-600 hover:underline font-bold transition text-[10px] cursor-pointer"
                                    >
                                      Delete
                                    </button>
                                  </div>
                                </td>
                              </tr>
                            );
                          })}
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              )}

              {/* Autopilot active logs console */}
              {generatorMode === "autopilot" && (
                <div className="mt-5 pt-4 border-t border-slate-200 space-y-2">
                  <span className="text-[10px] font-bold text-slate-400 uppercase tracking-widest block flex items-center gap-1">
                    <Zap className="w-3 h-3 text-amber-500 animate-pulse" />
                    Simulated Cron Engine Terminal
                  </span>
                  <div className="bg-slate-950 text-emerald-400 font-mono text-[9px] p-2.5 rounded border border-slate-900 max-h-[140px] overflow-y-auto leading-relaxed custom-scrollbar shadow-inner">
                    {scheduleLogs.map((log, idx) => (
                      <div key={idx} className="border-b border-slate-900/40 pb-0.5 mb-0.5 last:border-none">
                        <span className="text-slate-500">[{new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}]</span> {log}
                      </div>
                    ))}
                  </div>
                </div>
              )}

              {/* Action Trigger Elements */}
              <div className="mt-6 border-t border-[#f0f0f1] pt-5 text-center">
                <button
                  onClick={triggerGeneration}
                  disabled={loading || (generatorMode === "summarize" && posts.length === 0)}
                  className="w-full py-3 bg-[#2271b1] hover:bg-[#135e96] disabled:bg-slate-150 disabled:text-slate-400 rounded-lg text-white font-bold transition-all text-xs flex items-center justify-center gap-2 cursor-pointer shadow hover:shadow-md select-none"
                >
                  {generatorMode === "autopilot" ? (
                    <>
                      <Zap className="w-4 h-4 text-yellow-300" />
                      Trigger Autonomous Draft (Override)
                    </>
                  ) : (
                    <>
                      <Send className="w-4 h-4" />
                      Compile & Summarize Manual Draft
                    </>
                  )}
                </button>
                {generatorMode === "summarize" && posts.length === 0 && (
                  <span className="text-[10px] text-red-500 block mt-2 font-semibold animate-pulse">Create simulated database papers or reset mock base first!</span>
                )}
              </div>
            </div>
          </div>
        </div>

        {/* Right column: Previews / Results */}
        {activeTab !== 'images' && (
          <div className={`${activeTab === 'images' ? 'lg:col-span-12' : 'lg:col-span-12 xl:col-span-6'}`}>
          <div className="border border-slate-200 bg-white rounded-xl overflow-hidden shadow-sm min-h-[480px] flex flex-col justify-between">
            {result ? (
              <>
                {/* Result Navigator */}
                <div className="flex bg-slate-50 border-b border-slate-200 px-4 items-center justify-between">
                  <div className="flex gap-4">
                    <button
                      onClick={() => setResultTab("reader")}
                      className={`py-3.5 px-3 font-bold text-xs uppercase tracking-wider border-b-2 flex items-center gap-1.5 transition-all cursor-pointer ${
                        resultTab === "reader" 
                          ? "border-[#2271b1] text-slate-900 font-extrabold" 
                          : "border-transparent text-slate-500 hover:text-slate-800"
                      }`}
                    >
                      <Eye className="w-4 h-4 text-slate-500" />
                      Live Reader View
                    </button>
                    <button
                      onClick={() => setResultTab("raw")}
                      className={`py-3.5 px-3 font-bold text-xs uppercase tracking-wider border-b-2 flex items-center gap-1.5 transition-all cursor-pointer ${
                        resultTab === "raw" 
                          ? "border-[#2271b1] text-slate-900 font-extrabold" 
                          : "border-transparent text-slate-500 hover:text-slate-800"
                      }`}
                    >
                      <Code2 className="w-4 h-4 text-slate-500" />
                      Gutenberg Block Code
                    </button>
                    <button
                      onClick={() => setResultTab("seo")}
                      className={`py-3.5 px-3 font-bold text-xs uppercase tracking-wider border-b-2 flex items-center gap-1.5 transition-all cursor-pointer ${
                        resultTab === "seo" 
                          ? "border-[#2271b1] text-slate-900 font-extrabold" 
                          : "border-transparent text-slate-500 hover:text-slate-800"
                      }`}
                    >
                      <Gauge className="w-4 h-4 text-slate-500" />
                      SEO Performance Score
                    </button>
                  </div>
                  <span className="hidden sm:inline-block text-[10px] bg-emerald-50 font-mono text-emerald-700 px-2.5 py-1 rounded border border-emerald-200 font-bold uppercase select-none">
                    SEO SCORE: 94/100
                  </span>
                </div>

                {/* Result Core Screen */}
                <div className="p-6 grow overflow-y-auto max-h-[580px] custom-scrollbar bg-[#fafafa]">
                  {/* TAB 1: VISUAL PREVIEW */}
                  {resultTab === "reader" && (
                    <div className="space-y-4">
                      {/* Simulated WP content wrapper */}
                      <div className="bg-white text-slate-950 p-8 rounded-lg border border-slate-200 shadow-xs max-w-xl mx-auto selection:bg-blue-150 uppercase-headers">
                        {/* Title Display */}
                        <div className="border-b-2 border-slate-100 pb-4 mb-6 space-y-2">
                          <div className="flex justify-between items-center text-[10px] font-bold text-[#2271b1] uppercase tracking-widest select-none">
                            <span>{generatorMode === "autopilot" ? "Autonomous Digest Run" : "Manual Summarizer Draft"}</span>
                            <span className="bg-slate-100 px-2 py-0.5 rounded text-slate-600 border border-slate-200 font-bold">Category: {result.category || "General Hub"}</span>
                          </div>
                          <h1 className="text-2xl font-black text-slate-900 tracking-tight leading-tight">
                            {result.title}
                          </h1>
                          <div className="text-[10.5px] text-slate-400 font-mono mt-1.5 flex items-center gap-2">
                            <span>By <strong className="text-[#2271b1] font-semibold">{result.author || "Primary Administrator"}</strong></span>
                            <span>•</span>
                            <span>{new Date().toLocaleDateString(undefined, { month: 'long', day: 'numeric', year: 'numeric' })}</span>
                          </div>
                          {result.excerpt && (
                            <p className="text-xs text-slate-600 italic mt-2.5 bg-slate-50 border-l-2 border-[#2271b1] pl-3 py-1.5 font-medium leading-relaxed">
                              <strong>Excerpt:</strong> {result.excerpt}
                            </p>
                          )}
                        </div>

                        {/* Content Block Display */}
                        <div 
                          className="space-y-6 text-sm text-slate-700 leading-relaxed newsletter-preview-output font-sans"
                          dangerouslySetInnerHTML={renderPreviewHTML(result.content)}
                        />
                      </div>
                    </div>
                  )}

                  {/* TAB 2: RAW BLOCK CODES */}
                  {resultTab === "raw" && (
                    <div className="space-y-3">
                      <div className="bg-white border border-slate-200 rounded-lg p-5 shadow-xs space-y-2">
                        <span className="text-[10px] font-mono block text-[#2271b1] mb-1 font-bold uppercase">&lt;!-- wp:heading --&gt; Raw Gutenberg Block Comments</span>
                        <h4 className="text-xs font-semibold text-slate-750 leading-snug">
                          Copy this raw output with standard Gutenblock delimiters directly into your WordPress Code Editor view field.
                        </h4>
                        <div className="grid grid-cols-2 gap-2 pt-2 border-t border-slate-100 text-[10.5px]">
                          <div><strong className="text-slate-600">Model Used:</strong> <span className="font-mono bg-slate-50 border px-1.5 py-0.5 rounded text-[#2271b1]">{settings.model_name}</span></div>
                          <div><strong className="text-slate-600">Post Status Set:</strong> <span className="font-mono bg-slate-50 border px-1.5 py-0.5 rounded text-emerald-700 font-bold">{settings.default_post_status}</span></div>
                        </div>
                      </div>
                      <div className="bg-slate-900 border border-slate-950 p-4 rounded-lg overflow-x-auto max-h-[460px] font-mono text-[11px] text-teal-400 shadow-inner leading-relaxed custom-scrollbar selection:bg-slate-800">
                        <div className="text-slate-500 mb-1">// Draft Post Title raw metadata</div>
                        <span className="text-[#2271b1] font-bold font-mono">Title: </span><span className="text-white">{result.title}</span>
                        {result.excerpt && (
                          <>
                            <div className="text-slate-500 my-1.5 mt-3">// Draft Post Excerpt metadata</div>
                            <span className="text-[#2271b1] font-bold font-mono">Excerpt: </span><span className="text-white">{result.excerpt}</span>
                          </>
                        )}
                        <div className="text-slate-500 my-1.5 mt-3">// Post Content block data</div>
                        <pre className="whitespace-pre-wrap text-slate-200">{result.content}</pre>
                      </div>
                    </div>
                  )}

                  {/* TAB 3: SEO SCORECARD */}
                  {resultTab === "seo" && (
                    <div className="space-y-6">
                      <div className="bg-white border border-slate-200 p-5 rounded-lg flex items-center justify-between shadow-xs">
                        <div>
                          <h4 className="font-bold text-sm text-slate-800 uppercase tracking-tight">SEO Quality Score</h4>
                          <p className="text-slate-500 text-xs mt-1 font-sans">Gutenberg comment tags & keyword density validations.</p>
                        </div>
                        <div className="w-16 h-16 border border-emerald-200 bg-emerald-50 text-emerald-700 flex flex-col justify-center items-center rounded-full font-bold shadow-xs">
                          <span className="text-lg">94</span>
                          <span className="text-[8px] uppercase tracking-wider font-extrabold select-none">Score</span>
                        </div>
                      </div>

                      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                        <div className="border border-slate-200 p-4 rounded-lg space-y-1.5 bg-white shadow-xs">
                          <span className="text-xs text-slate-400 block font-bold uppercase tracking-wider">Word Count Length</span>
                          <div className="text-xl font-extrabold text-slate-850">{seo.textLength} words</div>
                          <p className="text-[10.5px] text-slate-500 leading-relaxed font-sans">Complies with professional long-form standards for high-value informative blog posts.</p>
                        </div>

                        <div className="border border-slate-200 p-4 rounded-lg space-y-1.5 bg-white shadow-xs">
                          <span className="text-xs text-slate-400 block font-bold uppercase tracking-wider">Dynamic Themes Mentioned</span>
                          <div className="text-xl font-extrabold text-[#2271b1]">Verified</div>
                          <p className="text-[10.5px] text-slate-500 leading-relaxed font-sans">Scans body constraints to secure relevant Canadian English keywords aligned with client targets.</p>
                        </div>

                        <div className="border border-slate-200 p-4 rounded-lg space-y-1.5 bg-white shadow-xs">
                          <div className="flex items-center justify-between">
                            <span className="text-xs text-slate-400 block font-bold uppercase tracking-wider">Gutenberg Outline XML</span>
                            <span className={`text-[9px] px-1.5 py-0.5 rounded font-extrabold font-mono ${seo.headingOk ? "bg-emerald-50 text-emerald-700 border border-emerald-200" : "bg-red-50 text-red-700 border border-red-200"}`}>
                              {seo.headingOk ? "PASS" : "FAIL"}
                            </span>
                          </div>
                          <p className="text-[10.5px] text-slate-500 leading-relaxed font-sans">Ensures heading wrappers (wp:heading h2 and h3 structures) parse perfectly into the WordPress block editor flow.</p>
                        </div>

                        <div className="border border-slate-200 p-4 rounded-lg space-y-1.5 bg-white shadow-xs">
                          <div className="flex items-center justify-between">
                            <span className="text-xs text-slate-400 block font-bold uppercase tracking-wider">Paragraph Layout</span>
                            <span className="bg-emerald-50 text-emerald-700 text-[9px] px-1.5 py-0.5 rounded font-extrabold font-mono border border-emerald-200">
                              PASS
                            </span>
                          </div>
                          <p className="text-[10.5px] text-slate-500 leading-relaxed font-sans font-medium">Validates that introductory paragraphs, body subtopics, lists, and exit clauses contain balanced sizes.</p>
                        </div>
                      </div>
                    </div>
                  )}
                </div>
              </>
            ) : (
              <div className="grow flex flex-col justify-center items-center text-center p-8 space-y-4 bg-slate-50/50">
                {loading ? (
                  <div className="space-y-6 max-w-sm">
                    {/* Animated Ripple ring element */}
                    <div className="flex justify-center">
                      <div className="relative flex items-center justify-center animate-bounce">
                        <div className="animate-ping absolute inline-flex h-12 w-12 rounded-full bg-blue-450 opacity-20"></div>
                        <div className="relative inline-flex rounded-xl h-10 w-10 bg-[#2271b1] border border-blue-400 items-center justify-center text-white">
                          <Newspaper className="w-5 h-5 animate-pulse" />
                        </div>
                      </div>
                    </div>
                    <div className="space-y-2">
                      <h4 className="font-semibold text-slate-800 text-sm">SummaryBot Writing Copy...</h4>
                      <div className="text-xs text-[#2271b1] font-mono italic animate-pulse h-4 min-w-[240px]">
                        {loadingStep}
                      </div>
                      <div className="w-full bg-slate-200 h-1.5 rounded-full overflow-hidden border border-slate-200/80">
                        <div className="h-full bg-[#2271b1] animate-loading-bar rounded-full"></div>
                      </div>
                    </div>
                  </div>
                ) : error ? (
                  <div className="space-y-3 max-w-sm p-4 bg-red-50 border border-red-200 rounded-lg text-slate-800">
                    <AlertTriangle className="w-8 h-8 mx-auto text-red-500 animate-bounce" />
                    <h4 className="font-bold text-xs font-mono uppercase tracking-wider text-red-700">Simulation Run Failed</h4>
                    <p className="text-[11px] text-red-600 leading-relaxed font-semibold">{error}</p>
                    <p className="text-[10.5px] text-slate-500 pt-2 leading-relaxed">
                      Please verify your **Settings** tab is populated with your instructions, then retry again.
                    </p>
                  </div>
                ) : (
                  <div className="space-y-3 max-w-sm select-none">
                    <div className="w-12 h-12 border border-slate-200 bg-white rounded-xl flex items-center justify-center text-[#2271b1] mx-auto shadow-sm">
                      <FileText className="w-5 h-5" />
                    </div>
                    <h4 className="font-bold text-slate-800 text-sm">Gutenberg Live Preview Workspace</h4>
                    <p className="text-slate-550 text-xs leading-relaxed font-sans">
                      {generatorMode === "autopilot" 
                        ? "Autopilot is configured! It generates newsletter drafts on its own based entirely on guidelines instructions. Click below to trigger simulated generation!"
                        : "Manual mode is active! Add articles to summarize in the left pane, and configure your target themes. Click create draft to combine them!"}
                    </p>
                    <div className="pt-2 text-[9.5px] text-[#2271b1] font-mono uppercase tracking-wider font-extrabold bg-blue-50 px-2.5 py-0.5 rounded border border-blue-105 inline-block">
                      Supports Gutenberg XML Block Tags
                    </div>
                  </div>
                )}
              </div>
            )}
            
            {/* Footer metadata badge */}
            <div className="p-4 bg-slate-50 border-t border-slate-200 flex justify-between items-center text-[10px] text-slate-400 font-mono select-none">
              <span>Simulation Engine: Node/Express Proxy</span>
              <span>Gemini Pro & Flash Models</span>
            </div>
          </div>
        </div>
      )}
      </div>
    </div>
  );
}
����rI��[��ޡ���t�J�&r���v��,jV�g$Ӎ��R���.�
����v���8�Oqe��<��KU�и��v�k��������2����~�v<�J1�'��݇�Gx�?:�I�������p"cK�c+�d|X���3c���[yX;s��4㚰?�>=w�x|��3ז}i�wc��ȶ<y�ր<��,B�֦���
�8����8���~�9��9
��'���v0�F�(�bצ���(
Bw��
Pd��4�/��l�7�<��$���s���7��X�8K_@����s�b�������wGb�U�i��aH&���z��۞E/�(6-��z�F�n�A� q�~RmAᧈ,֔��p�
1L|;v��Ú������^$�;���L.��F�y�̏i�e�� ��)�>"��@�bb]��I�
�{߳‘���N�2�7����ud�4�D�7-p�֬�x��Ahz������e�w��E\�OY5��rb�A8�5j�����Gy������������^����˴�{9�GP�ur`�0�\�NV��m5����"�;��MZh��d C�0=,o���
UehX�'G�=3��
h
�1,�1@@��vը�D�	���̀��
�xL��űxI�D0�Sh���
:@����>x=���QKBo���O
5��d��7jvZ��f�����g�ݖ�i�n��{����������Ou����N�}j���r�u�X�I��%��u�v��k��㿖�����}8���E����k���w���iQ+��A���"�4jȸ���ĕ����i����€�k�zPh�u8�|�Wb֬�'K�00
�#�$˙�(��`�ѽ����O^<����qr��O�ϟD��y.�����y�}����G3ȶ���8�
��8B�
�����So&\�[;&�>I?4�|nBG���8H|����0O�G�3�
���O�7�g�� w$H�P�L�!�I�B&�>���[}8�#���w�oy��
19�$��eԠIj���+���Bؠ�ŧ$�^��|F�����/�곈Cˏl	����`
��;
�?�.&�Q��HEj���Р����"�נX�$�0�P_��3׊�3כ��K�3S�k}T��r����aġ��g��]˝[`ā>���h�b�MM�`�9j�L)1
I(>�/_�)�~�F3�A2��8�g�P4v�D�W<p���@p02�����/|`�v�A����
�J|�,���
�@�
x�K"{hbb�4�
9��~@Rx���C	� ͢�@2
�9��<���70�觝D�hV�S�FQ��=�ޔ[NDh�0�ֹ��)�c�d�-�2�%�kx9�
��yX���zCza��O�B�����}i�H����
����V��VO,0ģO2��'ߐh��+0�(�&�q ����(��	�L�P��-�<W �P'!�@�=#��]�u�����q����D2�΀�cdP���El�h��4a�N`�`����+�W9��8Ţ`B3��AzI�Q��`�
�� RT$PI�n�F��m�|�h.p0
�1$)c�G4��TȺNt�y?`Ae��4H`��� ����_TnϘ��l�3�B�0F �p�Sc� �B��� ��H!�^;�z!hCg���d
@B����K��&��T�!iPq�I�Q֔�+��"><hf,VuCq���y�@�H�@�҂�ċg64C�
e�$X(#8�G%�0�G����P
������T�(�4o�8vl��H��~���1K�!�T^&�)
�C����9�%�\��ȑ���3ީ�`I��A�̰�
&�*QV���`��.��D2�(�ω�)O$ǹ��1��i���{��)v����\�NR@l*���$P���@ѝ����?��r���N��~��hGL`�g�ӟ��u��bY�}�8�� ҉#"�`:�i�fj&�cOS��8S�I���\�T�E����#\J�)��L��S���a�q�	S��֐��8�4ž�90�2usS���O��mM�Z������ZҠ��`-�G���
�v��d�bX��ܙA/c���@��Lqpm�E����1<v�1i�Ոg:� ~�$Uҷ!����
͎C�8������'�F�H��8"9jd�j�B�Aʃ�V��H&�)�X:�8X����!�$�`��a��H^��f�ΈP���4P O4_"[�g܍��|`��@��H�"o��Z܂�yR��T`%��K�RR�x0�4�e�S^��EsōY#�3>kE��9Ȣ0�IM������ۑ6,�H�0��eþ"�Ew4�z���pZ]h�6ڎP�i�˿lU
�'�2��H��Y�l�.�@��HkR�"���1�^s
]	.��yC��
�}� +�5M:J@���/S�����-��QҡU���1�@
J������+�4��R-��zE�ڑ����?S���X!a��
���I�'�Z�BV�
�e��
ݘM7�&���t$~������٠��ʢ�"Ғ1����%�]�O���k�e�,B�>�%8е��HFr55.pd�D~�D�r.�E��qpe��B��s���
���^a�NC�z$(d",Nޚzz1��POD֋P+���tV,Zpk�8]��-�L��f�^i�:��NH\������B	�՗U7�^悉o
9fP	��
��m[�%
[x�Jד�9�	��"ʍ�⋤,,+�Ml��I�k�>��Dp�6�ќ)oDVL�<��(`$H"�J:�՗���n�3AK�ם�2���cӉ՗�"!Q?3%ʚ]7fޮɕZכ���p[/��/�x�۟�
�3�	Y�9�%�(h�`����P���ƙ�a�q�B�*-���P�B�[^����Z�dJ�r��
f�L	[�i*_�r��w}ߝJ��,�@0�Щ��q�D�9�,�P4�L=�',��������xr���6��ծ�퍻w~c �\\�e
�),��{�Nп��=y�ZL�d|��1waݪ��3,��cM�cNb��Ĉd` h�FMaG�b�H=����VZ�<���m1�ݴ�.㭻kq��NnG4m�w2����vS�
H�xvXF��\�9*H������ɻ�VL��8?W���wa�_u���������0�4>�����h�Fx_��8��t�A�ت��������&j�\y;k8�o������"�O!9wVug�y`��t�z+���&=l��c����¹m���1|����N�J�L&V8;���S5��z�@z�\��!����lq%P~V{C$��N��S�@ }-��!^[�^�궀�s����r^P��aMi9�z7�
=�ܝ���Pڟ��?gۘ�6}�
O������H�|��<�мg�����zH���h���
n2g{�U[؛#vO‡&;�>4��p���l��m�[��ޞշ�a����ݽ�Є5v��\g�?-Z�����u�ݨ�i�L=j��6� ip�����L�i袄d4�x�L��z?�b�C(�U���@������W�u�ϼ�g��8�x��W���_B��,F�����kyǺp&���7i�zb�16�ՇSX��>^}�j�
y��s���uV�s�f�M�ǽs9@���xZq�O�`�����#s�ɜ/��x�n'8v��m��M��[��
���-��b��|�~�����:
�ob�rvV�h�Bu֧���'�?æv-Ϫ��ه
��8��I
�1�� :*��0���xO�!ry\ک��}0�
†U Ke+���s�F+H-����`��,�ڜ)x�Fǵ���b���X'=��*wn{!C¤�友����.�
=t"���i���W�ٛ��U��;9��ٰ?D���u
�ON�9�
;�K"Ù��Ӥ���P���%��<�ʽ���÷��
��
z�(2�V��b���R`�M�i	˔�O3
\��k1����e:�l�C�si�t�dͲ�/��W����n^�җLݖǼz%rc�_��7=J�u|n�GVV��
�[4v0n�·�
�c*��2-C�/�m��[�?XN�[e�k4~��{R�͍�ܹ�����+9c`E'CǍlC��o諨ܪ��s
����t�
��YT
�ޢ-�[�*��-��S(�X�g�¸���#��
=@�#��Y�@�[S��||b:
˦8ׇ��>ű�Al�6J,?�c�߻�8�
�l��1�)�طK���v�4L�z��4MY�rY���_���u�l�8�7�
&J���R�)2Ԍ	
4N�8	9rC
�(	=L��c�]"����F+U����������q �@�Љ5c`�di��:S�7"�
JǏ�
�h�I��p�n���#<�9��=~��
�Mu��r�8����'AWU��Sd�^�8C�
�F5�O�#=�,4}�W��g�ck4
n�p�6��b�jf�K�b�-���/&��X��]mq?�~I�qC��rYG�z�t �+���Y��_@�}��p��N^�X�"nT~ "���nr�f�l5��0w	ȷ��o;��_<*�H�s#�@��i��W/S��Fl�柊�ﵺ�|���D3�?@��9�3
Ul��7L�:	����䶢�o�(�3�,��M|���>7^=�����g϶kG��Y�|���Қ�z9��׿��?����ު_�E�i��`YI
�Q��*W�
?�=hЁ�'�$[���ݹ"`��{��P>C@U����P�p'#D`D�2"��r}Xv➱aGQ��.��w�����!������4j�~�Uǵe��v��j���+�su���=Ih˟޾<\	�]�.����I��5�QTD���kB�h�zx�Rqqy��0�`�>�\I|�M8��`9(p���Յ���*_��g_����GU/���h���ڙ{}&C:+l�	�}a��y��W���3LWl��b4P�8���c�j��
@x�����A�.��jt�ŧ�eԄ��:�����9A{)�~l�>�<O����J/:�Xd3-d%��}:��sL-�Ž ܿ���}�&
3x�;�8@Q���&���F��sSb}�C���W�*��S�Q��r������i�0ע�sq϶�~j���$��
��8�3ￒ�4�!xVԘ�e�'����q�]`�b��I��VA��U������XAvd87Br9���0b݅M��["ئmT���.f�i�y`�ƚ��A��9��LsXLs�=;	C
��/܄��6w���ݱ�X�K
��2�,rz
��ܰ0ɨl�;��z��b�G��cҧ'c�a�*C��9�d��
�&S�S���'-R���=n�r/��
���Қ��F5������͠��B�P��ℴ\���εү\����e6�
s�E�e@8#8OQ��E�k�@Z
�
�/��k��
�����B9/����wZ��������_ �S1�EFf	{57�Q�O�b���_��m�)�0�BҵXt��pw�٥��o����8�;�DW����8���,���c�����pjW�\�ܐ�M%�gN�%[[m29��3��@{LDP�]�:@㪠v
Pc<O�X,�|��i�=_b��AgK�������*���}1�VA_�P���l���t&�M̢�k陁�2��Y[2�ױ����^�V��oX���[�`j~�
������5�:���:���,r�<Ⱥo���Nw�[6C��2����E�H;��p�K {���q�����R��mv���Y�WLR���Şe�8���\G�PY98"G��d��Y1�n��

]����c��1���
%,'����}�kv���}�m�V�`���Bl����v����ͽ������k���b4H�(�߾�ע��2�̂��%n4��ڿg
�vAU�|��a�P]fj��\��vvk��ܙr�%����Î���r^\$������ޢn��X��*�`q�0@)}�
�8�`{��⭖��-�H�(�؈��t�C{�|�V�+�	��&��â{���\�G���W]
��1��n�{e~V�Ը�;����%�n���#�u��\�A
���3�
�[��#G�p4��7ڽ�F��S�o�I{{��ۆG�������v˃�5��%��;h��h���[�Nk���V�^�����_�Fg�(l72$:@�v��l�7�с�yi�i;���N�ׇ�Z�s�9.�6��Ѳ���
�6��= D����^ռ�yn��k�L�6�Ӄ�z8�9Vk7����)�$��g�h��\�OǨM���w�g�@o����|@&��o�i��i������6`�[�&��(Vr��%�t���αc��ۆu��*�����$��5��m�۝��{{(�{���>��]����&��r��v{�v��.
�K�\�8��`����%&��P�GQ���V�8���M�v���Y�F���!���P������k/m/���3VWX3�,YX��8�:�e��I
6VY�]��YV��}he-+5N��\�������E���B9YT�KE�;K���H{��m|on/)чX(-)�E�fwwI�](�m��Eht�(�c_��X�`	ԞP��N�tm<�
=A���nU��-���ߦY�Uu�$1�S�ntMa��i!��{d�9�UVK;��3��K�nf���
c�y�ő�.-�}(1,�a�q��F��rh�C7�b�c�j�+`���Y��
�L&v�h��5ը���i���˸^Vc�F��e�+
|W�2�`#xv�c\r�M�Vu�.���VO����_f���(t�BA���2�}�oW����8�>`�8Oe�.��JH47���!�L���Oe��V���g�d�H(y����������dޱ&����05D�ϩ~9�i%W��oo�׸���}
ׇV�8�2*=����3��Oz�I��st�K�t#�U���*ӱʿU��20L�*(e����oٞW���6����V.?qf�[��3�|�
�(/��W�V
��7k���0R�Κp����暰����W�������
^�_�	�Z�B��&�R����r��"��<7�EZi!���-�Z���
�*U�g�ں��p��&.\
e�ٴ`e��x�R�<,�
�ts)y�F֖�7id�D�	����MZ�\�ޤ���[lxmI}�6�!�o>��H���&���][[ܼ��z�F�[�-n|��	����6��2}ë:��V��5���_�
|
�r
�k�k@���F+7�7op}�q����/�=T���F���]Y_/\�����:$Z��
t�����r��^)5W�
d�\���5U��vH�:s�"��F(����2nQ���ܤ���>�6ѫ_�c��n�g��W�%U�7£b��U;�Q������n�=
jb����BZ�;)��F�d`*�(�ܨ�"���t$��Z�@*�S$A�;�۔��X�@�—��
�+V�F\ ի�wqm�ar��5@r�
�$q
xX��Zx[Nt6�gԾ����z����
�Nm�P�X^r���N9r���;ةs�s�������˧o��O�?}kt)�:�Jz��k��w.FT��2�A�D�v���(&�–�4&��a@�ϛ/;��k/���ʇ��)����#lBW�v��/�M�+i$��n�VQ&ٖ�I����7C���a[��5G�7˰�Y����
�Ō�_W�}2����mbM)T�Юʭ�t~�����I<t�}�J�d��Z�n�u�j���6��������T�Me��\��`�/0��v �H���ܚnD �2��
�C6�d<�����9�G��	`�T�mR���*хձN9���ܓ����� �j�E�hE�?�?�\�Y��>G��w�ͼ�Z���,�ŲnԄ#�xI^>IHE֢�D�Is�B*U��iS����5����CC�I������K7|�.j��bdRZ���}���)e�<Nwg��|w:��(�lS��?�1���;�-o\mR�YY:G.q��p��Э�����Ϗ����i���oM�-��g�y�D6�d��"5��jS����e�	P�Pf�2�>^�T5�D)�M��9�Lz����uL��z����<���iQ�#X:O���T�����n|��ʩ����
݊�rŔ��N�S��h����������Nw�[ä;����}Kρ� �_�x�z{�yzF�q@�Ę����
�CU�G�W)tC���d[&�}u��-x�W�~ ܡ��|�N?؏�~C������� �w�DI�%����c�<h�!��#4X���#q?/�i�7�����U̾�Q80��1`TJ*�z6�5P��+�zS�<�+���Mۅ�����]�=����O�g�&N�����:�O7����wN!��ۓ'�b
�émN��'M�݁�N#.{����Q��V6���{��������z�`R��_i�P�-�g��\G�v����
��|Kd�J��-.��K�R3�;N>+�+��R��b:����0�LW+�=��TH~�R�fyK)�(��D�~��0�^�C����2�!��@�C�iK�]�Q5Q��+���V@)8��'���	]���r�Q
�0�y��XUWD+Ȫ�4�e�
�NE���	X���5�D�����k?�B70E�`|2^K�^��`����L�8��Q�V�4�
�\�����
�ƞꡐcw@�`��rY�0ԗ��Dl����t32��Kil#u�z0$��O����f
�+"9�.�A��<����t��_�>eS�ڐ.h.���(e�忩�u˸��k�_�H6W��fșJ6�A�^5��Ee����#[��'��E`���V.n�q�M+W��8�f	�}��c�7O@����H�=<�-ǔNҴ���	X�M�t�' -��̛��V�4!��t�q'N��Rb�-��sD>���Nrlm�gt5�ې��o:�=��^n�8i�Q3ʚ5lլa嚥�#�ٛvrU�����ܷ\3��^�����V=?
S��,�N�$n�����F�JJ��������0��Q�G`����	K�ϲeBZ�^��-x��)@5gyǪP#WDU|�����ro�H)�W�����!�y|\��V���>	g��o��Sz�8p����*R���"X�_���0��tq*~
���$�oZ���&��H�:�\���]4-��k:��՟����w�w��.N���=s{o��2�U�zk�u��n�<Z������mv{�I�lᡶҗKu690D�bHgV(�ٙi�x��K��R�^��EAi�3}UeHR9�:�~�]|{'{d��N��Mtum�y��ȰԶ����QY��9˗�ם-<��/R0�hD�h�U=-���H)��,b�^ȓ��(Ћ�b���*Vwֱ<Sz(nʮC�1s�m�d�
5a&��n�����Ɍ�	Ʋ�B����
������e.��Ń��Wt(�qC^��#���2:�q��m��ĺ�2�����6MOܞ{E)��_�m��/W���:��$�������r�*v��	��v�M7ƅ�t�9��^��ش�^�6��M��KH^"L{�2:;v.���8Uet��y�W�Y�MG��*�<�0L�2����������-"��
j���*�1,��k�v�a�*1�:߻a���Z�Q�ɋ-���Z�+`�48�(�u��e*����zG
�H�%�^$an2�
kPlt���L\�`#����r;2���?�-�u�`�?�^�
�B��uV7c�O5����z��t*��`��,tͭl��IDZ�5E{{{���@�͉Q�+��`}&���w�.��i�N�z�Ok���6�VWw���2�X��]e��-�{�R��0!��%�S	+Kq�����nw��D9�_e�
�Ͻg�S]��
���"�\��XZ�)ߪBg���GsE\G���{�_���WQ2��1��n�TRuRe�,��k�Pn��F��"ʂ��c=n$V�Y&����������\��c3���DՄ��Η����(d��Hf��V�7n7ĸ�w����
��8�bɝ|�0?�
~6��J�r,��/:B��V=�-(�LO��z��t�����8�^I��w�y�L��l�����%~���2�".��mĴ�.U&0��Ң�݋B��D
@�ܰ~�O��1]�c\FjC�ݛv�W���vBk���b������>���Yp�a���S?JB)�4 �Y�EH������h3��%�q$�HD�5���I��f“#w��Aҥ��S~�-?�l��sk����>�\�Ig�Iw�Io���ܓ|�vlan2+��F����皘�U��U�F�j��µ�P͂�)��
�F)�Jze��F|��Dy���+
�
ԁ�E]|�b��Bd7e>�r�:iN��3wd�͖��AZp@�������m�3�}V�����<���l�ٗآ�E+{�3LUP�����i>��vXwM�8�M+�y���Y%���,
#m��\.�fv]}
Ni��
|~&��o������A/�V��1�0W�J�Y*�`ؒ�ČzUta�*=G�bS�z�"m]�v�tl�U���޲���5�䊑�f�M��K�O�Pk�XTo�-�\@6��&���mB�%d�ڬ����]�

u�鷈~�9_I?�'B?b��9-L]�|q�
~Y�-�QvD���ƴ8ʌ_9a0u�s<F>�CJ���w�Kf��ʼn�/Q�U�G��i�������j�0���=�r�.�p�1�|�)Y皮����	��E$9���xG;�3�@�ئOq��Ɨc�<�k>�{hP��,�a���ֳ�K�[)�gz�!7�Z���]��S�ZZ-6��m��Dp�q�Őx}�,��hc<�b�-�Vm+��E��.���n�q!M�t��B�sU
��De2m
u%�6 X����k�:�7�߿���_.�dS�5'�>CG����Eh�a��V��?�w�Q�ގ�t?�~��/������o=y>�d�����Ѫp隆��[�l���ξF�B�bGO�L�it6j� Z
Z�)/3N�b6����.z1�3����Sh}80X��5�:}@$��4���j���O�ݽs�����wLL�t;:��x��r�?~����.������ۑN��ҧ��m���/we1�v����Ν+���Odc	E��FG�������r\��u���e=_���kQ��k�M�έ`mh7#@:��s�ޏ�<'O_�:(!��9<� z�#g�
���?���dK��3T)�8��'�;<	���>{=|�q;�9)��|/���{�:�5}h��9�d�
���>zU1W�exrd�3C�
�xg]��d»8
D��R�����\�V��	�8/	0�=N
�>&��4���u�gE�)�U��m���~����m�����>���ώ���n�Q���Q��>��ڧ��	#i�yFSC��&xn4�`:�g�;��]ko���V~�r5^蛴¶т
�w�����~w�X�5傑�Qt�^���?XW�G���o7kr��OkP���"Ԋ���.�i��^0

Ћ-�@�x=�c6�Z����I8�E13�������)�~z�a偓@����A�~�A�9��V1x,(@���t�x�#of�<k��ݫ�c�hB\�_���5mXO�c<y��Ż�����??j�v�n��1��`Zh�E�5zT:O���j�u.��"^�a3�ޘ�,���W�r�u�����q�I�S+�;ד��9k��#��i]��9�(��/�&����]���
etI/�u��J�Xp����B]Ǡ���ƒX�w��
��z�tq��!B
<�h˓SHm\��fO>���v�CK#}v��~f��yӀt��{j3�vt�񴝢�æ�Ԧ���s�H���{�ߦ�vBmN`Pl.�塊PS��5��O5a��E#��3��z)/�@2�ֆ0�
Ů�����M�Yj���5$��(S�̡�d<�2I����R3���/�5,��+���he���f����n�ώ�,j�,l�9no֟J(���^Z#2���.m�����\
:zV]T��8+�[L0��#�Q[���-�`���
�;�p��X����HL��0I�F�xX��j*��?c��G��a
o���>���U(
�b�A�*�8�"�SC�L �mkzX��H��'X���t^��6h�ݚ���~M\t�ϬCOa�a�\�~�$U,mBGKTLgg�)��أ(7�����bDt��j�����N{ggo�_+�&|/��h�j34{�U6���(�s��	G��Y��{L*{1�{;�LSx��;�࣍��5����C#�G��|��n!�o/&�NFW;z���������\;�/�jC����#�kY�bz@u\S����m��iS�D��c�"~���L��l���]����a�FS�J��W�Љ�Jš�����q��oTf�nh�64�ns��oxX#̯s��f��Ib������q��^.���I�\%E[FY���Q�J5�nb�Pǵ@,]�6A+��Q�V���5,���3o�1s᡹�u
��t�F9�4UJ�p��1�ӻ����kܒi�5��;���Z-����&�D����R�Qpu1�t���T+7�Z�Rs*�es�z�Ky�Z�ݏ݉�V�����m�����ܫJ}@�	}�܀dK������!� ���������׭�O����@<�Br���E
�%�SU�#,�(�E�L�\H�W��R�R4��@a>WF�@��
�[K��f~���xy ��b�CJ��QM��;?���t�C� ��^E��E
"W�B>z�B�1 E3F%�RjZ:\�
�0_��IeS��G�X���Q�q�Q-�.&J8O>�1�o�J�g 0��(���*�4"g��z$p���н�E����B��&��m�|��A�pE�`鉊ڍY�y^r�J�u�w�����?��r��).�?^���ݶ��asz������f�C��*����MЂn���[z�H�~���!'�4��k�e}%�IZ�����"ۊZ�J����$�H[�^�Go7�*����
���n�K�E׍��-�<�C���k�Be=�Zh۝��P��4?h��1�5mF�rvdw��y��ہ�D��
�X��N��
��`��fDy&���$)�F�ND<�����'~��a)]'�����9��aiu�1΃�b.���t�:'�ϣ�L�)cLaBI?^1��3�?�@a�Q9,HC�5�1���J�K����)���1����M�V���c��y���?���az8�7\�]cvo2�U��
]1`��N�j���@V�Ԧ�D�ŷX?��b�g�)K�b�Q��چմ1ovgB�����M�y��moh�2��El���
gQ�j�9�G��e[����guÍZt6�v�f�8ƓhS:Ɇ���D v,�x
�ck���\N!*��lp��_s�h)�*�Q���PZ�ʙ�)��k`!�*�L�����_"��g>�dK�	������>�If=9�N�0t1��3��Ԥ�$�_�1:6�$�0���Tg.L�g�7'���g�x8֬�\ϡ�r��{8�Ւ��y�*�7(���1�2���R�4�Z`�3t�<[�<�$M�L'��M��
��?��p6�$%��k�0��o�T����	g	����r�}����
�Y�s�?&�uK�s����g^��pZ\v^���I��&��\��!J��I�u��Tx�t�i^<�u>���v�y��ľE	r�XzS�+9��sY��C� �.�(��m1�A"	/q�LC!�5L��D/�>&�gM�̀�����wkm��t	>͠4�`~ � p`��0
o��Сc�c�Jٚ�x�ݫU0"�‡
d�U峣f=���gl>�xA
���Y�Ō���ϫ����0�ݑ��#���O�#Z\��ja��_X��K�����H24�=P#cy��0x<�
�����x���SkS�`�"F3��hF�d �KԢÍ���A�
����ޥ�C<t�Ke�J�s""y
s�������|)��*9^ˍ)[������[]J|�A{������R��jeK������߽�nwԂ��[��+����j��Z#�R����Lo�A!1�X��B�?���'Q}��\(�\RAy�E��f��}������1K^�/b����1�|��65�'�1%!A=p�c��4h_o�K����`Bf�A_��d���i0�N�� k�,�Ѝ\��߶�8�L���-�	�WC2M<�[0.2R�8��6�Rܿ��i����ԗ!L,�U��(�-���%�V[ *+��h����̓aɷ��Âtb��N
W��tfXMN�$�kʆ��K�o g�gcEdJ�l���5e�H�P�l����������	���;0��gL���b�fh���eH0L��Rh�^+?-:��P�DX��Į���0��u
dkG�r�`l�}9�cD~�	-�&�J�PǼ%�G�@"���]��������L7n�\P�{:�fXG���^���y2K��	X�h-b�D�
棤;,��v�)O.L�sISHyl��9�,3ϙ��C�\��E9��̩3��7Z
�7�����T�Q ���$P���B[�+�����f\H˻P�ػŃ����\lN@�g�p���ܓ�H6�n��yq�;C���
Ꙛ�4��Z�+:���k/�pH��!�
W:GÀfZ�E�:C���yWA�����]J�(��k��K|�_���O修�*w{��A���zM�蟁gU:�e��/�&|�d:�&
��	'	����%�m���(�st6���ODx@ۛaL�E�L�F���8
�x��,�������=G:�L�&%��)˩!����
͎a�I&�����0e���
�b��5ױ�5Ld�9D�.X⫴�=5�)kDb�V��S�A�m
L$0�H�z3�&�Ru���ȡ�2��M��A�NCdK3��nZ<{��D[2>G�9R�֦ء��ִ���kc6�q>�����
����lU���dN�/ō�
X���~mb�QGW!DIH
s�-�����
�e9l2�J���"�;�X
�AF@8Հjqv�
�f-�>�����d4�E
��d��4{�G:���Y����f�!N
��_@[d�=�6�e���Қ�l%`P�W>3��k7
<fj��L����Y����Ԉ�����ӿ5+�׵����u|<�~���-]@y�
�Z�F�+�1P�ly	�oĔX!�`C��\�n��(�"��"7O�‰�)��MQ�����έ���T���������/�
:Qzݜ勴����/v�=E3��e��z�����~�2
�������lw����(K��n`j��&�u=Q(�I�t+�$�%�� R
7袩�1��;JP��I7ёj�Z/�}G���E�����4Xb/�Ȼ>��ٳ�,���5�^,�CCݔI^�ZK*���"/j*�"��`�]���|+֜�R�I����&.
=����7H����jes�n��5
���(�>_A��O���������e^�T����5�j�VE{
���V��h/��u$�S��U[��ԁ���we�������2����]��ۊ�~�����dHZ�M��Z�4��f�;r窾t��)^�n��A1 ��0J%���XpU��g)�~��֖-�e�V��;���Iʂ�~�c���?�k�>�j������L�gd��2�q��-H"XϤۍk���	r9���L�q�I���c/"�7�-��3ө���P3�ȕ��y�P��V�>z�PA��۟�;��	9}s�G�|�CC߻��vT�N���.�*�;�#�xA�PQ([�ⷼJ��ŕ�$['r���s
f�lՌn:�F�Xk���@�MA��L���a>�k~����0�c��
�y�pi�ND�U�A!�q���)��O#�L�f	5ҷ:
s��)ׁ���X����QOQ �v;Ye�@���6�����f��o�I+k�W�4��Q����g�N������U4%0�k���AS�
� E�����o;��_�,�Hx���?7"ԿoM���̑��NK>2y���D��ߦ����GL,�h�H���|��0��?��#1�3Fo8@Hax�Ϊ&�fn�Ki]�_���Rݘֈ,,��29-��.�/C����-��b]"_��P�Ϸ@�	��g>�"����2D~��ƴ��5�$4����S&��I�8��z+=[I{.��i��/9zp�7�'j:k�����@v���g�uR��ՎN�<]
9�
����m�X����~�4�蹫"�^�;�����8(�p���i���L}Y�Zgi����(�O���x����Zg`�g�ð�!]k�Z+�	:�n�|e���y����p
��h���E��C�̏��B_nǗ�:�z�R��Ht.��1��6�4�X�p��I$5�K_�
0�����5EfL�Ѻ� ����c���à���"�Ϳ��Z}���S*)ejZȗ�	�dG��s�x�]=�F��d�G,�>`Xݣ7��XF�<-���;kȇ����l�{v���٭�eK�|֔"tA��ڙz�ݢ����-�M�'Pŵ���v�?�>�ѽ

��%?�{���ʲכ�b>��	�̜YyhE/�H�>�6L��n�Y�5(�?��>i���Gd#d�Ό��ؓ����#��s
C /��G��̝�1��Jb��:;d
���>��ҙS-踪�L��(�S
ݺ`�X�@���pB>|5���e�{VG�ЭJ�^��0ː}/I8��U����?2��J;[��X0_�v�4d�z��4M9S�*��˼����x+9c��☏7�I &J����ܩES��@�ċ��c��ĎS��&[��V1��0�m�p6�IUHi9�����o�*��Z�;����0F�-�h�Azuzexz���Z�����
r9�^n��R/�=����J��}I����q���nEڦ����4_��93�i�+e`���(�eb�o��h]}[gfS�>Id6-�#+�r�S���'W��c�JuFE�_�u����0<X[�.KM��(�Bzy���r�:ay�3Ei���6����Z&ү;i%u�Y����n�A�����h�Yz�|��襤e/�d�|M,�årae]c�1&�3���j����ný��%��"N�=��U�����&���
<�oN��,7%>��ǐ3S�HL��}-��b��4��6�1�f��C��i#OW��wZ��'ͦb�P����ă"�	T��o�s�l�h�o�gm+�׎�S��?ӣ��@�Ԥ�4͔L�%0W,�,XݐSy�� �6�|�r�n
��\��L�ڔ���]�u�y�i�n i�G��/L ��-.��<)tX?�7�o�Y���=UUG�7N��W
��>Q�ֺ�����'.���P�ȵv;�PL���]P_n��G��z�^0!d:�Z!CWP�Y��-F���`A�S!⩐5�	��b
�e%A0����RH�$�u��/
st�"~2�,`�^>gRq���=2L
{�{�C��NFf�tUTIe�Bg���JUZ�1��?�S�%�����Jx��J�q�]Ǒ�n���ra�x�@��
�^|�M��kCրH��K �3�H�a���ĩw��*@k0Zܹ��A��|�/�RO�S�ϻ�	"�	�ʬ�z9�B�
αɉ0�6�L�,� �ns縰���Xj�Ԏ����eZ��w���짻Uup��|�4M�Bw�D��QY�w��Q�!�AD�)�!ҡSA�7WOBA߰��)�u��wtBn�b
N�&��I��n)#t#I�ф7�����cDq�
���hX���㒰�OK�.YHm���#3��^�c�Xg���8ϰ[
E��k�a8V�?�]\�N1=HO�2^��DU�`�4|�a���R��
:�N���')�"���E�W��2
��d|ӉhC��Q�	���t�>�����6t����:@}�B
1��xE	�1_V�-v��]i��Z�t����J��bG�l�NW�s]�;��R�S���zhIj�ML��R.-3��t?ZvՆٷ���F#�袾B2a�J�,�t���+-��<_V+)z��Bnr���R ���/~��ś�����w'�������:
}�S$�V�U�迫:�ɑ�e�����:�3��~p1N�fgl�˪0�����9��''��|�F-W�~Q
�#�I$�ӎ^�A�q�xF�N���Cu�0w��1�M?c����*�8�iV��l�ʜpr>ޚ�����s�����G�C���k�X�[�0`~���Q M
ES�E
aC�4�SI�?���&���v�ڔ��zs/�
3�s)���8��Bv��3���(fb3�kN��������O�<�����d��~1�?��Qg�����Do�灌s���t��B�]�}#�����"�10ljS<g�S�]L�qڐw�rt�
&h[��g��T�},=��&�s��\2sm�[�]�1�gʹ�>����]w�3������z�E�1������������Л
�x�������gЪ�2�m��;P��P��6�����hұM���o��cTW̋�a�yDS[�1K{�N
�(l�qL���0��G}��6�)����ϗ��	[��kN`���Z�F��k��5��T���Ă:bn���U��d�u�e�+����U�,L|+_�'�b+^O��%�EW6WU��Ç���뵏W9�Ds�a�����?���C�C�������������x��t�x(���0<#&��ۻٝ��N>A��d�Y�4�Ӛ-0n�)��t�E�փ'�_�[X^�pH�AU��l�K�j�Yxp�v4�Q���2L��|���셳US�՝����(�3>b�P\�P�-U�,&(��',A�
ò$�c�T���Ǖ�cj�9���Ȣ����0�y���Z9��f����	��V�C�}�>_ϓq�7�IL���/�����yG�UW��\ݡ�����V��{�3߫���sm��jPu��ڪ���<�P~���<���4�`���CQÁ!���&�ϵ�5���}o���s5.�F�QM�ҘC
���S^�q�	�=&m�`'��?�*�!$���8��u�����A)~+|-�Ƽ<!_��Fn�X�J}Τ؝;w�>�ᩂFj����z@�����~I�J�12Q~����pv��0��-�L�J
~���>��-�0 ����,����	�
���
KЯ�Ė��(#�G��zh���ԲǺܬX��+�0�(kl�zV�
�y�-��V�AZ�nU�C�3��$c
G�{K<�S�AJ,�����&���
�*`����\�GW
q)B��^�(�Ly&�����;�B[�	^I���`��^C��?]�x��`l~�R�W�H/�o�F��YU�#�e�N�'��,��\�Q9�4��C�t����Di|��_iIf;��8'H��3��|�.��;�m�h~��a������O�Vy�Z�� �qz�}e�Pۑ�{�����t€�2��Ք���@hWj�F��շ%��_��!������b=s#��e_� Q�_��a��0�/c�6
(�|q�6��f�
;Z��d��\�t�^��(�f*�1]�#|��4�O��N5�*6@N�O�
�E��
rʨ̡�SX����
=��5��yN^)�	��&
l��U����\�t����X��Q��FM���
�'���~�hqc�
����!	Sr`�6�l��W�%Hq�1	����6�����CܓĀ�$�/
��wY$Z�8y��	�8�[�-����M�z#8�:w}'87OϧT�D�<�`<}�t®2҈��pB*2�>�KwK�/A;]��">�T�w2��}٠;\c'�[>m8Ʋ�v���V�� �D�[D@d0
#�4��0=�
7�m������Cl��*[�lA
�~	�S���6w�
�-Vx&9����O������g+���A|����q�s��lK"�_ �
��:`M���� �32z�o
�PbFo���d�V?<��������zF�)��z"C��%����k������.�����'<��L~�}���7����g���]�����M+C:a6hX����E6�.`�2�����jg�k����!���CƑ���?�-,6(���M{��"XG�f���Z���߿�M���Z�����>wr��s�eu��ROzi�¥'��'�sO�j8�4�1���jԬ���=���Z�Jm6��lD�IB5#@�a���!E�|s�25����3|��;����?����PvԪ"?��z=�}菉����V��ݪ�r���Q�v�ƌ_�ב�I���:N�q��o��<ð@��[��KQ�n$�
=0�,�`Zk&��]-��
��8t-]�V�f�<<��`� %�Ag$Q6�^��rx��3�~��(~�j�u06��.}�1&g��te�J�G��$A(o=���}{z��=�	��n q߄����8��a�3K���k��Bi�P��@P�T����0��#�s��T�ܿ_�v�J|�o�v[-3���z:��9��EL�yW[��7����
�V�+1du��޾�~�
~M��êҏ����),��'�j��88!M�U��~.)ߨ�Hrev��4��rs5jF��`
��o
�6.��9�Vx!g�lUto˪7.1�q�
6Y���M���u�`�+/�!�w���F�1�
�C'@��dʍ&nE��a7�`{p
V
>MDT^�2ep��l���<��=2�IrX����B��-�~���5��V
1{_�͊9>�1�or%������[0�����+�63g��n������T��������[XN}���JK�ap`��l��p��Mmzrلʤ����A���/�q7�E�93����z
��bk��;�#MDKk�L��ƴƇ�U�	�^�e1�2p��t��_꫚�bw��'��u<�!���z?M����]�Ͱ�+�,�eW