@gendive/chatllm 0.6.12 → 0.7.0

package/dist/react/index.js

@@ -48,10 +48,10 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/react/ChatUI.tsx
-var import_react10 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 
 // src/react/hooks/useChatUI.ts
-var import_react = require("react");
+var import_react3 = require("react");
 
 // src/types.ts
 var DEFAULT_PERSONALIZATION = {
@@ -67,10 +67,481 @@ var DEFAULT_PERSONALIZATION = {
   language: "auto"
 };
 
+// src/react/hooks/useGlobalMemory.ts
+var import_react = require("react");
+
+// src/react/adapters/LocalStorageAdapter.ts
+var LocalStorageAdapter = class {
+  storageKey;
+  constructor(storageKey = "chatllm_global_memory") {
+    this.storageKey = storageKey;
+  }
+  /**
+   * @description 전체 데이터 로드
+   */
+  loadData() {
+    if (typeof window === "undefined") return {};
+    try {
+      const data = localStorage.getItem(this.storageKey);
+      return data ? JSON.parse(data) : {};
+    } catch {
+      return {};
+    }
+  }
+  /**
+   * @description 전체 데이터 저장
+   */
+  saveData(data) {
+    if (typeof window === "undefined") return;
+    try {
+      localStorage.setItem(this.storageKey, JSON.stringify(data));
+    } catch (error) {
+      console.error("[LocalStorageAdapter] Failed to save data:", error);
+    }
+  }
+  async read(key) {
+    const data = this.loadData();
+    const value = data[key];
+    return value !== void 0 ? value : null;
+  }
+  async write(key, value) {
+    const data = this.loadData();
+    data[key] = value;
+    this.saveData(data);
+  }
+  async delete(key) {
+    const data = this.loadData();
+    if (key in data) {
+      delete data[key];
+      this.saveData(data);
+      return true;
+    }
+    return false;
+  }
+  async exists(key) {
+    const data = this.loadData();
+    return key in data;
+  }
+  async getAll() {
+    const data = this.loadData();
+    return new Map(Object.entries(data));
+  }
+  /**
+   * @description 전체 삭제
+   */
+  async clear() {
+    if (typeof window === "undefined") return;
+    localStorage.removeItem(this.storageKey);
+  }
+};
+
+// src/react/adapters/PostgreSQLAdapter.ts
+var PostgreSQLAdapter = class {
+  apiEndpoint;
+  userId;
+  authToken;
+  constructor(apiEndpoint, userId, authToken) {
+    this.apiEndpoint = apiEndpoint.replace(/\/$/, "");
+    this.userId = userId;
+    this.authToken = authToken;
+  }
+  /**
+   * @description HTTP 헤더 생성
+   */
+  getHeaders() {
+    const headers = {
+      "Content-Type": "application/json"
+    };
+    if (this.authToken) {
+      headers["Authorization"] = `Bearer ${this.authToken}`;
+    }
+    return headers;
+  }
+  /**
+   * @description API 요청 헬퍼
+   */
+  async request(path, options = {}) {
+    try {
+      const response = await fetch(`${this.apiEndpoint}${path}`, {
+        ...options,
+        headers: {
+          ...this.getHeaders(),
+          ...options.headers
+        }
+      });
+      if (!response.ok) {
+        if (response.status === 404) return null;
+        throw new Error(`API error: ${response.status}`);
+      }
+      const contentType = response.headers.get("content-type");
+      if (contentType?.includes("application/json")) {
+        return response.json();
+      }
+      return null;
+    } catch (error) {
+      console.error("[PostgreSQLAdapter] Request failed:", error);
+      return null;
+    }
+  }
+  async read(key) {
+    const result = await this.request(
+      `/memory/${this.userId}/${encodeURIComponent(key)}`
+    );
+    return result?.value ?? null;
+  }
+  async write(key, value) {
+    await this.request(`/memory/${this.userId}`, {
+      method: "POST",
+      body: JSON.stringify({ key, value })
+    });
+  }
+  async delete(key) {
+    const result = await this.request(
+      `/memory/${this.userId}/${encodeURIComponent(key)}`,
+      { method: "DELETE" }
+    );
+    return result?.success ?? false;
+  }
+  async exists(key) {
+    try {
+      const response = await fetch(
+        `${this.apiEndpoint}/memory/${this.userId}/${encodeURIComponent(key)}`,
+        {
+          method: "HEAD",
+          headers: this.getHeaders()
+        }
+      );
+      return response.ok;
+    } catch {
+      return false;
+    }
+  }
+  async getAll() {
+    const result = await this.request(
+      `/memory/${this.userId}`
+    );
+    if (!result?.entries) {
+      return /* @__PURE__ */ new Map();
+    }
+    return new Map(Object.entries(result.entries));
+  }
+  /**
+   * @description 전체 삭제
+   */
+  async clear() {
+    await this.request(`/memory/${this.userId}`, {
+      method: "DELETE"
+    });
+  }
+};
+
+// src/react/hooks/useGlobalMemory.ts
+function createAdapter(options) {
+  switch (options.storageType) {
+    case "postgresql":
+      if (!options.apiEndpoint || !options.userId) {
+        console.warn("[useGlobalMemory] PostgreSQL requires apiEndpoint and userId, falling back to localStorage");
+        return new LocalStorageAdapter(options.storageKey);
+      }
+      return new PostgreSQLAdapter(options.apiEndpoint, options.userId, options.authToken);
+    case "localStorage":
+    case "memory":
+    default:
+      return new LocalStorageAdapter(options.storageKey);
+  }
+}
+function useGlobalMemory(options) {
+  const [state, setState] = (0, import_react.useState)({
+    entries: /* @__PURE__ */ new Map(),
+    isLoading: true,
+    error: null
+  });
+  const adapterRef = (0, import_react.useRef)(createAdapter(options));
+  const refresh = (0, import_react.useCallback)(async () => {
+    setState((prev) => ({ ...prev, isLoading: true, error: null }));
+    try {
+      const allData = await adapterRef.current.getAll();
+      const entries = /* @__PURE__ */ new Map();
+      for (const [key, value] of allData) {
+        if (typeof value === "object" && value !== null && "value" in value) {
+          entries.set(key, value);
+        } else {
+          entries.set(key, {
+            key,
+            value,
+            createdAt: Date.now(),
+            updatedAt: Date.now()
+          });
+        }
+      }
+      setState({ entries, isLoading: false, error: null });
+    } catch (error) {
+      setState((prev) => ({
+        ...prev,
+        isLoading: false,
+        error: error instanceof Error ? error : new Error("Unknown error")
+      }));
+    }
+  }, []);
+  const set = (0, import_react.useCallback)(
+    async (key, value, meta) => {
+      const now = Date.now();
+      const existingEntry = state.entries.get(key);
+      const entry = {
+        key,
+        value,
+        createdAt: existingEntry?.createdAt ?? now,
+        updatedAt: now,
+        category: meta?.category ?? existingEntry?.category,
+        confidence: meta?.confidence ?? existingEntry?.confidence,
+        source: meta?.source ?? existingEntry?.source
+      };
+      try {
+        await adapterRef.current.write(key, entry);
+        setState((prev) => {
+          const newEntries = new Map(prev.entries);
+          newEntries.set(key, entry);
+          return { ...prev, entries: newEntries };
+        });
+      } catch (error) {
+        console.error("[useGlobalMemory] Failed to set:", error);
+      }
+    },
+    [state.entries]
+  );
+  const get = (0, import_react.useCallback)(
+    (key) => {
+      const entry = state.entries.get(key);
+      return entry?.value;
+    },
+    [state.entries]
+  );
+  const remove = (0, import_react.useCallback)(async (key) => {
+    try {
+      await adapterRef.current.delete(key);
+      setState((prev) => {
+        const newEntries = new Map(prev.entries);
+        newEntries.delete(key);
+        return { ...prev, entries: newEntries };
+      });
+    } catch (error) {
+      console.error("[useGlobalMemory] Failed to remove:", error);
+    }
+  }, []);
+  const has = (0, import_react.useCallback)(
+    (key) => {
+      return state.entries.has(key);
+    },
+    [state.entries]
+  );
+  const clear = (0, import_react.useCallback)(async () => {
+    try {
+      for (const key of state.entries.keys()) {
+        await adapterRef.current.delete(key);
+      }
+      setState((prev) => ({ ...prev, entries: /* @__PURE__ */ new Map() }));
+    } catch (error) {
+      console.error("[useGlobalMemory] Failed to clear:", error);
+    }
+  }, [state.entries]);
+  const toPromptContext = (0, import_react.useCallback)(() => {
+    if (state.entries.size === 0) return "";
+    const lines = ["[\uC0AC\uC6A9\uC790 \uAE30\uC5B5 \uC815\uBCF4]"];
+    const categorized = {
+      basic: [],
+      professional: [],
+      preferences: [],
+      context: [],
+      other: []
+    };
+    for (const [key, entry] of state.entries) {
+      const category = entry.category || "other";
+      if (category in categorized) {
+        categorized[category].push({ key, value: entry.value });
+      } else {
+        categorized.other.push({ key, value: entry.value });
+      }
+    }
+    const categoryLabels2 = {
+      basic: "\uAE30\uBCF8 \uC815\uBCF4",
+      professional: "\uC9C1\uC5C5/\uC804\uBB38 \uC815\uBCF4",
+      preferences: "\uC120\uD638\uB3C4",
+      context: "\uD604\uC7AC \uB9E5\uB77D",
+      other: "\uAE30\uD0C0"
+    };
+    for (const [category, items] of Object.entries(categorized)) {
+      if (items.length > 0) {
+        lines.push(`
+${categoryLabels2[category]}:`);
+        for (const { key, value } of items) {
+          const valueStr = typeof value === "object" ? JSON.stringify(value) : String(value);
+          lines.push(`- ${key}: ${valueStr}`);
+        }
+      }
+    }
+    return lines.join("\n");
+  }, [state.entries]);
+  (0, import_react.useEffect)(() => {
+    refresh();
+  }, [refresh]);
+  (0, import_react.useEffect)(() => {
+    adapterRef.current = createAdapter(options);
+    refresh();
+  }, [options.storageType, options.storageKey, options.apiEndpoint, options.userId]);
+  return {
+    state,
+    set,
+    get,
+    remove,
+    has,
+    clear,
+    toPromptContext,
+    refresh
+  };
+}
+
+// src/react/hooks/useInfoExtraction.ts
+var import_react2 = require("react");
+var buildExtractionPrompt = (messages) => {
+  const conversationText = messages.map((m) => `${m.role === "user" ? "\uC0AC\uC6A9\uC790" : "AI"}: ${m.content}`).join("\n\n");
+  return `\uB2E4\uC74C \uB300\uD654\uC5D0\uC11C \uC0AC\uC6A9\uC790\uC5D0 \uB300\uD574 \uAE30\uC5B5\uD574\uB458 \uB9CC\uD55C \uC911\uC694\uD55C \uC815\uBCF4\uB97C \uCD94\uCD9C\uD574\uC8FC\uC138\uC694.
+
+\uB300\uD654:
+${conversationText}
+
+\uB2E4\uC74C JSON \uD615\uC2DD\uC73C\uB85C\uB9CC \uC751\uB2F5\uD558\uC138\uC694 (JSON\uB9CC \uCD9C\uB825, \uB2E4\uB978 \uD14D\uC2A4\uD2B8 \uC5C6\uC774):
+{
+  "extracted": [
+    {
+      "category": "basic|professional|preferences|context",
+      "key": "\uC815\uBCF4 \uD0A4 (\uC608: name, occupation, preferredLanguage)",
+      "value": "\uC815\uBCF4 \uAC12",
+      "confidence": 0.0-1.0,
+      "source": "\uADFC\uAC70\uAC00 \uB41C \uC6D0\uBB38 \uC77C\uBD80"
+    }
+  ],
+  "shouldStore": true
+}
+
+\uCE74\uD14C\uACE0\uB9AC \uC124\uBA85:
+- basic: \uC774\uB984, \uB098\uC774, \uC704\uCE58 \uB4F1 \uAE30\uBCF8 \uC815\uBCF4
+- professional: \uC9C1\uC5C5, \uD68C\uC0AC, \uC804\uBB38 \uBD84\uC57C
+- preferences: \uC120\uD638\uD558\uB294 \uC5B8\uC5B4, \uC2A4\uD0C0\uC77C, \uAD00\uC2EC\uC0AC
+- context: \uD604\uC7AC \uD504\uB85C\uC81D\uD2B8, \uBAA9\uD45C, \uC9C4\uD589 \uC911\uC778 \uC791\uC5C5
+
+\uADDC\uCE59:
+1. \uBA85\uC2DC\uC801\uC73C\uB85C \uC5B8\uAE09\uB41C \uC815\uBCF4\uB9CC \uCD94\uCD9C (\uCD94\uB860 \uAE08\uC9C0)
+2. \uAC1C\uC778\uC815\uBCF4 \uBBFC\uAC10\uB3C4\uAC00 \uB192\uC740 \uC815\uBCF4(\uC8FC\uBBFC\uBC88\uD638, \uBE44\uBC00\uBC88\uD638, \uCE74\uB4DC\uBC88\uD638 \uB4F1)\uB294 \uC81C\uC678
+3. confidence\uB294 \uC815\uBCF4\uC758 \uD655\uC2E4\uC131 (0.8 \uC774\uC0C1 \uAD8C\uC7A5)
+4. \uB300\uD654\uC5D0\uC11C \uC911\uC694 \uC815\uBCF4\uAC00 \uC5C6\uC73C\uBA74 extracted\uB97C \uBE48 \uBC30\uC5F4\uB85C \uBC18\uD658
+5. key\uB294 \uC601\uBB38 camelCase\uB85C \uC791\uC131 (\uC608: userName, currentProject)`;
+};
+var parseExtractionResult = (text) => {
+  try {
+    const jsonMatch = text.match(/\{[\s\S]*\}/);
+    if (!jsonMatch) {
+      return { extracted: [], shouldStore: false };
+    }
+    const parsed = JSON.parse(jsonMatch[0]);
+    if (!parsed.extracted || !Array.isArray(parsed.extracted)) {
+      return { extracted: [], shouldStore: false };
+    }
+    const validExtracted = parsed.extracted.filter(
+      (item) => item.category && item.key && item.value !== void 0 && typeof item.confidence === "number"
+    );
+    return {
+      extracted: validExtracted,
+      shouldStore: parsed.shouldStore ?? validExtracted.length > 0
+    };
+  } catch {
+    return { extracted: [], shouldStore: false };
+  }
+};
+function useInfoExtraction(options) {
+  const [isExtracting, setIsExtracting] = (0, import_react2.useState)(false);
+  const [lastExtraction, setLastExtraction] = (0, import_react2.useState)(null);
+  const { apiEndpoint, model, minConfidence = 0.8, globalMemory } = options;
+  const extractInfo = (0, import_react2.useCallback)(
+    async (messages) => {
+      if (messages.length === 0) {
+        return [];
+      }
+      setIsExtracting(true);
+      try {
+        const prompt = buildExtractionPrompt(messages);
+        const response = await fetch(apiEndpoint, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            messages: [{ role: "user", content: prompt }],
+            model: model || "default"
+          })
+        });
+        if (!response.ok) {
+          throw new Error(`API error: ${response.status}`);
+        }
+        const reader = response.body?.getReader();
+        if (!reader) {
+          return [];
+        }
+        const decoder = new TextDecoder();
+        let buffer = "";
+        let fullResponse = "";
+        while (true) {
+          const { done, value } = await reader.read();
+          if (done) break;
+          buffer += decoder.decode(value, { stream: true });
+          const lines = buffer.split("\n");
+          buffer = lines.pop() || "";
+          for (const line of lines) {
+            if (line.startsWith("data: ")) {
+              const data = line.slice(6);
+              if (data === "[DONE]") continue;
+              try {
+                const parsed = JSON.parse(data);
+                if (parsed.content) fullResponse += parsed.content;
+              } catch {
+              }
+            }
+          }
+        }
+        const result = parseExtractionResult(fullResponse);
+        const extracted = result.extracted.filter(
+          (item) => item.confidence >= minConfidence
+        );
+        if (result.shouldStore && globalMemory) {
+          for (const item of extracted) {
+            await globalMemory.set(`${item.category}.${item.key}`, item.value, {
+              category: item.category,
+              confidence: item.confidence,
+              source: item.source
+            });
+          }
+        }
+        setLastExtraction(extracted);
+        return extracted;
+      } catch (error) {
+        console.error("[useInfoExtraction] Failed to extract:", error);
+        return [];
+      } finally {
+        setIsExtracting(false);
+      }
+    },
+    [apiEndpoint, model, minConfidence, globalMemory]
+  );
+  return {
+    extractInfo,
+    isExtracting,
+    lastExtraction
+  };
+}
+
 // src/react/hooks/useChatUI.ts
 var DEFAULT_STORAGE_KEY = "chatllm_sessions";
 var DEFAULT_COMPRESSION_THRESHOLD = 20;
 var DEFAULT_KEEP_RECENT = 6;
+var DEFAULT_RECOMPRESSION_THRESHOLD = 10;
+var DEFAULT_TOKEN_LIMIT = 8e3;
 var generateId = (prefix) => `${prefix}_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`;
 var generateTitle = (messages) => {
   const firstUserMessage = messages.find((m) => m.role === "user");
@@ -91,28 +562,50 @@ var useChatUI = (options) => {
     keepRecentMessages = DEFAULT_KEEP_RECENT,
     onSendMessage,
     onSessionChange,
-    onError
+    onError,
+    // Memory options
+    useGlobalMemoryEnabled = true,
+    globalMemoryConfig,
+    enableAutoExtraction = true
   } = options;
-  const [sessions, setSessions] = (0, import_react.useState)([]);
-  const [currentSessionId, setCurrentSessionId] = (0, import_react.useState)(null);
-  const [input, setInput] = (0, import_react.useState)("");
-  const [isLoading, setIsLoading] = (0, import_react.useState)(false);
-  const [selectedModel, setSelectedModel] = (0, import_react.useState)(initialModel || models[0]?.id || "");
-  const [sidebarOpen, setSidebarOpen] = (0, import_react.useState)(true);
-  const [settingsOpen, setSettingsOpen] = (0, import_react.useState)(false);
-  const [quotedText, setQuotedText] = (0, import_react.useState)(null);
-  const [selectedAction, setSelectedAction] = (0, import_react.useState)(null);
-  const [copiedMessageId, setCopiedMessageId] = (0, import_react.useState)(null);
-  const [editingMessageId, setEditingMessageId] = (0, import_react.useState)(null);
-  const [personalization, setPersonalization] = (0, import_react.useState)({
+  const [sessions, setSessions] = (0, import_react3.useState)([]);
+  const [currentSessionId, setCurrentSessionId] = (0, import_react3.useState)(null);
+  const [input, setInput] = (0, import_react3.useState)("");
+  const [isLoading, setIsLoading] = (0, import_react3.useState)(false);
+  const [selectedModel, setSelectedModel] = (0, import_react3.useState)(initialModel || models[0]?.id || "");
+  const [sidebarOpen, setSidebarOpen] = (0, import_react3.useState)(true);
+  const [settingsOpen, setSettingsOpen] = (0, import_react3.useState)(false);
+  const [quotedText, setQuotedText] = (0, import_react3.useState)(null);
+  const [selectedAction, setSelectedAction] = (0, import_react3.useState)(null);
+  const [copiedMessageId, setCopiedMessageId] = (0, import_react3.useState)(null);
+  const [editingMessageId, setEditingMessageId] = (0, import_react3.useState)(null);
+  const [personalization, setPersonalization] = (0, import_react3.useState)({
     ...DEFAULT_PERSONALIZATION,
     ...initialPersonalization
   });
-  const [activeAlternatives, setActiveAlternatives] = (0, import_react.useState)({});
-  const abortControllerRef = (0, import_react.useRef)(null);
+  const [activeAlternatives, setActiveAlternatives] = (0, import_react3.useState)({});
+  const abortControllerRef = (0, import_react3.useRef)(null);
+  const memoryOptions = (0, import_react3.useMemo)(
+    () => ({
+      storageType: globalMemoryConfig?.storageType || "localStorage",
+      storageKey: globalMemoryConfig?.localStorage?.key || `${storageKey}_memory`,
+      apiEndpoint: globalMemoryConfig?.postgresql?.apiEndpoint,
+      userId: globalMemoryConfig?.postgresql?.userId,
+      authToken: globalMemoryConfig?.postgresql?.authToken
+    }),
+    [globalMemoryConfig, storageKey]
+  );
+  const globalMemory = useGlobalMemoryEnabled ? useGlobalMemory(memoryOptions) : null;
+  const infoExtraction = useInfoExtraction({
+    apiEndpoint,
+    model: selectedModel,
+    minConfidence: 0.8,
+    globalMemory
+  });
   const currentSession = sessions.find((s) => s.id === currentSessionId) || null;
   const messages = currentSession?.messages || [];
-  (0, import_react.useEffect)(() => {
+  const compressionState = currentSession?.compressionState || null;
+  (0, import_react3.useEffect)(() => {
     if (typeof window === "undefined") return;
     const saved = localStorage.getItem(storageKey);
     if (saved) {
@@ -134,20 +627,20 @@ var useChatUI = (options) => {
       }
     }
   }, [storageKey]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (typeof window === "undefined") return;
     if (sessions.length > 0) {
       localStorage.setItem(storageKey, JSON.stringify(sessions));
     }
   }, [sessions, storageKey]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (typeof window === "undefined") return;
     localStorage.setItem(`${storageKey}_personalization`, JSON.stringify(personalization));
   }, [personalization, storageKey]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     onSessionChange?.(currentSession);
   }, [currentSession, onSessionChange]);
-  const buildSystemPrompt = (0, import_react.useCallback)(() => {
+  const buildSystemPrompt = (0, import_react3.useCallback)(() => {
     const parts = [];
     const { userProfile, responseStyle, language } = personalization;
     if (userProfile.nickname) {
@@ -175,9 +668,16 @@ var useChatUI = (options) => {
       const languageNames = { ko: "\uD55C\uAD6D\uC5B4", en: "\uC601\uC5B4", ja: "\uC77C\uBCF8\uC5B4" };
       parts.push(`\uC751\uB2F5 \uC5B8\uC5B4: ${languageNames[language] || language}\uB85C \uC751\uB2F5\uD574\uC8FC\uC138\uC694.`);
     }
+    if (useGlobalMemoryEnabled && globalMemory && personalization.useMemory) {
+      const memoryContext = globalMemory.toPromptContext();
+      if (memoryContext) {
+        parts.push("");
+        parts.push(memoryContext);
+      }
+    }
     return parts.length > 0 ? parts.join("\n") : "";
-  }, [personalization]);
-  const compressContext = (0, import_react.useCallback)(async (messagesToCompress, model) => {
+  }, [personalization, globalMemory, useGlobalMemoryEnabled]);
+  const compressContext = (0, import_react3.useCallback)(async (messagesToCompress, model) => {
     const conversationText = messagesToCompress.map((m) => `${m.role === "user" ? "\uC0AC\uC6A9\uC790" : "AI"}: ${m.content}`).join("\n\n");
     const summaryPrompt = `\uB2E4\uC74C \uB300\uD654 \uB0B4\uC6A9\uC744 \uD575\uC2EC \uC815\uBCF4\uB9CC \uC720\uC9C0\uD558\uBA74\uC11C \uAC04\uACB0\uD558\uAC8C \uC694\uC57D\uD574\uC8FC\uC138\uC694.
 \uC911\uC694\uD55C \uACB0\uC815\uC0AC\uD56D, \uC0AC\uC6A9\uC790 \uC694\uAD6C\uC0AC\uD56D, \uB9E5\uB77D \uC815\uBCF4\uB97C \uBCF4\uC874\uD558\uC138\uC694.
@@ -224,7 +724,68 @@ ${conversationText}
       return "";
     }
   }, [apiEndpoint]);
-  const newSession = (0, import_react.useCallback)(() => {
+  const incrementalCompressContext = (0, import_react3.useCallback)(
+    async (existingSummary, newMessages, model) => {
+      const newConversation = newMessages.map((m) => `${m.role === "user" ? "\uC0AC\uC6A9\uC790" : "AI"}: ${m.content}`).join("\n\n");
+      const mergePrompt = `\uAE30\uC874 \uB300\uD654 \uC694\uC57D\uACFC \uC0C8\uB85C\uC6B4 \uB300\uD654 \uB0B4\uC6A9\uC744 \uD1B5\uD569\uD558\uC5EC \uD558\uB098\uC758 \uC694\uC57D\uC73C\uB85C \uB9CC\uB4E4\uC5B4\uC8FC\uC138\uC694.
+
+[\uAE30\uC874 \uC694\uC57D]
+${existingSummary}
+
+[\uC0C8\uB85C\uC6B4 \uB300\uD654]
+${newConversation}
+
+\uD1B5\uD569 \uC694\uC57D \uC791\uC131 \uC2DC \uB2E4\uC74C\uC744 \uC9C0\uCF1C\uC8FC\uC138\uC694:
+1. \uD575\uC2EC \uACB0\uC815\uC0AC\uD56D, \uC0AC\uC6A9\uC790 \uC694\uAD6C\uC0AC\uD56D, \uB9E5\uB77D \uC815\uBCF4 \uBCF4\uC874
+2. \uC911\uBCF5 \uC815\uBCF4 \uC81C\uAC70
+3. \uC2DC\uAC04\uC21C \uD750\uB984 \uC720\uC9C0
+4. 300\uC790 \uC774\uB0B4\uB85C \uAC04\uACB0\uD558\uAC8C
+
+\uD1B5\uD569 \uC694\uC57D:`;
+      try {
+        const response = await fetch(apiEndpoint, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            messages: [{ role: "user", content: mergePrompt }],
+            model
+          })
+        });
+        if (!response.ok) return existingSummary;
+        const reader = response.body?.getReader();
+        if (!reader) return existingSummary;
+        const decoder = new TextDecoder();
+        let buffer = "";
+        let summary = "";
+        while (true) {
+          const { done, value } = await reader.read();
+          if (done) break;
+          buffer += decoder.decode(value, { stream: true });
+          const lines = buffer.split("\n");
+          buffer = lines.pop() || "";
+          for (const line of lines) {
+            if (line.startsWith("data: ")) {
+              const data = line.slice(6);
+              if (data === "[DONE]") continue;
+              try {
+                const parsed = JSON.parse(data);
+                if (parsed.content) summary += parsed.content;
+              } catch {
+              }
+            }
+          }
+        }
+        return summary || existingSummary;
+      } catch {
+        return existingSummary;
+      }
+    },
+    [apiEndpoint]
+  );
+  const estimateTokens = (0, import_react3.useCallback)((messages2) => {
+    return messages2.reduce((sum, m) => sum + Math.ceil(m.content.length / 4), 0);
+  }, []);
+  const newSession = (0, import_react3.useCallback)(() => {
     const now = Date.now();
     const newSess = {
       id: generateId("session"),
@@ -237,14 +798,14 @@ ${conversationText}
     setSessions((prev) => [newSess, ...prev]);
     setCurrentSessionId(newSess.id);
   }, [selectedModel]);
-  const selectSession = (0, import_react.useCallback)((id) => {
+  const selectSession = (0, import_react3.useCallback)((id) => {
     const session = sessions.find((s) => s.id === id);
     if (session) {
       setCurrentSessionId(id);
       setSelectedModel(session.model);
     }
   }, [sessions]);
-  const deleteSession = (0, import_react.useCallback)((id) => {
+  const deleteSession = (0, import_react3.useCallback)((id) => {
     setSessions((prev) => {
       const filtered = prev.filter((s) => s.id !== id);
       if (currentSessionId === id) {
@@ -256,7 +817,7 @@ ${conversationText}
       return filtered;
     });
   }, [currentSessionId, storageKey]);
-  const setModel = (0, import_react.useCallback)((model) => {
+  const setModel = (0, import_react3.useCallback)((model) => {
     setSelectedModel(model);
     if (currentSessionId) {
       setSessions(
@@ -264,10 +825,10 @@ ${conversationText}
       );
     }
   }, [currentSessionId]);
-  const toggleSidebar = (0, import_react.useCallback)(() => setSidebarOpen((prev) => !prev), []);
-  const openSettings = (0, import_react.useCallback)(() => setSettingsOpen(true), []);
-  const closeSettings = (0, import_react.useCallback)(() => setSettingsOpen(false), []);
-  const copyMessage = (0, import_react.useCallback)((content, id) => {
+  const toggleSidebar = (0, import_react3.useCallback)(() => setSidebarOpen((prev) => !prev), []);
+  const openSettings = (0, import_react3.useCallback)(() => setSettingsOpen(true), []);
+  const closeSettings = (0, import_react3.useCallback)(() => setSettingsOpen(false), []);
+  const copyMessage = (0, import_react3.useCallback)((content, id) => {
     if (typeof navigator !== "undefined") {
       navigator.clipboard.writeText(content).then(() => {
         setCopiedMessageId(id);
@@ -275,21 +836,21 @@ ${conversationText}
       });
     }
   }, []);
-  const startEdit = (0, import_react.useCallback)((message) => {
+  const startEdit = (0, import_react3.useCallback)((message) => {
     if (message.role === "user") {
       setEditingMessageId(message.id);
     }
   }, []);
-  const cancelEdit = (0, import_react.useCallback)(() => {
+  const cancelEdit = (0, import_react3.useCallback)(() => {
     setEditingMessageId(null);
   }, []);
-  const stopGeneration = (0, import_react.useCallback)(() => {
+  const stopGeneration = (0, import_react3.useCallback)(() => {
     abortControllerRef.current?.abort();
   }, []);
-  const updatePersonalization = (0, import_react.useCallback)((config) => {
+  const updatePersonalization = (0, import_react3.useCallback)((config) => {
     setPersonalization((prev) => ({ ...prev, ...config }));
   }, []);
-  const sendMessage = (0, import_react.useCallback)(async (content) => {
+  const sendMessage = (0, import_react3.useCallback)(async (content) => {
     const messageContent = content || input;
     if (!messageContent.trim() || isLoading) return;
     let sessionId = currentSessionId;
@@ -355,17 +916,50 @@ ${finalContent}`;
       const session = sessions.find((s) => s.id === capturedSessionId);
       const existingMessages = session?.messages || [];
       let messagesToSend = [...existingMessages, userMessage];
-      let contextSummary = session?.contextSummary;
-      if (messagesToSend.length > contextCompressionThreshold && !contextSummary) {
+      const recompressionThreshold = DEFAULT_RECOMPRESSION_THRESHOLD;
+      const tokenLimit = DEFAULT_TOKEN_LIMIT;
+      let contextSummary = session?.compressionState?.contextSummary || session?.contextSummary;
+      const summaryAfterIndex = session?.compressionState?.summaryAfterIndex || session?.summaryAfterIndex || 0;
+      let compressionCount = session?.compressionState?.compressionCount || 0;
+      const newMessageCount = messagesToSend.length - summaryAfterIndex;
+      const estimatedTokensCount = estimateTokens(messagesToSend);
+      const needsInitialCompression = !contextSummary && messagesToSend.length > contextCompressionThreshold;
+      const needsRecompression = contextSummary && (newMessageCount > recompressionThreshold || estimatedTokensCount > tokenLimit * 0.7);
+      if (needsInitialCompression || needsRecompression) {
         const toCompress = messagesToSend.slice(0, -keepRecentMessages);
-        const summary = await compressContext(toCompress, selectedModel);
+        let summary;
+        if (needsRecompression && contextSummary) {
+          const newMessages = toCompress.slice(summaryAfterIndex);
+          summary = await incrementalCompressContext(contextSummary, newMessages, selectedModel);
+        } else {
+          summary = await compressContext(toCompress, selectedModel);
+        }
         if (summary) {
           contextSummary = summary;
+          compressionCount += 1;
           setSessions(
             (prev) => prev.map(
-              (s) => s.id === capturedSessionId ? { ...s, contextSummary: summary, summaryAfterIndex: toCompress.length } : s
+              (s) => s.id === capturedSessionId ? {
+                ...s,
+                contextSummary: summary,
+                summaryAfterIndex: toCompress.length,
+                compressionState: {
+                  contextSummary: summary,
+                  summaryAfterIndex: toCompress.length,
+                  compressionCount,
+                  lastCompressionAt: Date.now()
+                }
+              } : s
             )
           );
+          if (enableAutoExtraction && globalMemory) {
+            const messagesForExtraction = toCompress.map((m) => ({
+              role: m.role,
+              content: m.content
+            }));
+            infoExtraction.extractInfo(messagesForExtraction).catch(() => {
+            });
+          }
         }
       }
       let chatMessages;
@@ -517,7 +1111,7 @@ ${contextSummary}` },
     onSendMessage,
     onError
   ]);
-  const saveEdit = (0, import_react.useCallback)(async (content) => {
+  const saveEdit = (0, import_react3.useCallback)(async (content) => {
     if (!editingMessageId || !currentSession || !currentSessionId) return;
     const messageIndex = currentSession.messages.findIndex((m) => m.id === editingMessageId);
     if (messageIndex === -1) return;
@@ -534,7 +1128,7 @@ ${contextSummary}` },
     setEditingMessageId(null);
     await sendMessage(content);
   }, [editingMessageId, currentSession, currentSessionId, sendMessage]);
-  const regenerate = (0, import_react.useCallback)(async (messageId) => {
+  const regenerate = (0, import_react3.useCallback)(async (messageId) => {
     if (!currentSession || !currentSessionId || isLoading) return;
     const assistantIndex = currentSession.messages.findIndex((m) => m.id === messageId);
     if (assistantIndex === -1) return;
@@ -556,7 +1150,7 @@ ${contextSummary}` },
     setInput(userMessage.content);
     await sendMessage(userMessage.content);
   }, [currentSession, currentSessionId, isLoading, sendMessage]);
-  const askOtherModel = (0, import_react.useCallback)(async (messageId, targetModel) => {
+  const askOtherModel = (0, import_react3.useCallback)(async (messageId, targetModel) => {
     if (!currentSession || !currentSessionId || isLoading) return;
     const assistantIndex = currentSession.messages.findIndex((m) => m.id === messageId);
     if (assistantIndex === -1) return;
@@ -708,13 +1302,13 @@ ${currentSession.contextSummary}` },
     onSendMessage,
     onError
   ]);
-  const setActiveAlternative = (0, import_react.useCallback)((assistantMessageId, index) => {
+  const setActiveAlternative = (0, import_react3.useCallback)((assistantMessageId, index) => {
     setActiveAlternatives((prev) => ({
       ...prev,
       [assistantMessageId]: index
     }));
   }, []);
-  const getActiveAlternative = (0, import_react.useCallback)((assistantMessageId) => {
+  const getActiveAlternative = (0, import_react3.useCallback)((assistantMessageId) => {
     return activeAlternatives[assistantMessageId] ?? 0;
   }, [activeAlternatives]);
   return {
@@ -756,7 +1350,18 @@ ${currentSession.contextSummary}` },
     setActiveAlternative,
     getActiveAlternative,
     updatePersonalization,
-    models
+    models,
+    // Memory
+    globalMemory,
+    compressionState,
+    extractUserInfo: async () => {
+      if (!enableAutoExtraction || !globalMemory) return;
+      const recentMessages = messages.slice(-10).map((m) => ({
+        role: m.role,
+        content: m.content
+      }));
+      await infoExtraction.extractInfo(recentMessages);
+    }
   };
 };
 
@@ -1064,7 +1669,7 @@ var ChatSidebar = ({
 };
 
 // src/react/components/ChatHeader.tsx
-var import_react2 = require("react");
+var import_react4 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var ChatHeader = ({
   title,
@@ -1077,7 +1682,7 @@ var ChatHeader = ({
   showModelSelector = true,
   showSettings = true
 }) => {
-  const [modelDropdownOpen, setModelDropdownOpen] = (0, import_react2.useState)(false);
+  const [modelDropdownOpen, setModelDropdownOpen] = (0, import_react4.useState)(false);
   const currentModel = models.find((m) => m.id === model);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "header",
@@ -1331,7 +1936,7 @@ var ChatHeader = ({
 };
 
 // src/react/components/ChatInput.tsx
-var import_react3 = require("react");
+var import_react5 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var ChatInput = ({
   value,
@@ -1347,9 +1952,9 @@ var ChatInput = ({
   onActionSelect,
   actions = []
 }) => {
-  const textareaRef = (0, import_react3.useRef)(null);
-  const [actionMenuOpen, setActionMenuOpen] = (0, import_react3.useState)(false);
-  (0, import_react3.useEffect)(() => {
+  const textareaRef = (0, import_react5.useRef)(null);
+  const [actionMenuOpen, setActionMenuOpen] = (0, import_react5.useState)(false);
+  (0, import_react5.useEffect)(() => {
     if (textareaRef.current) {
       textareaRef.current.style.height = "auto";
       textareaRef.current.style.height = `${Math.min(textareaRef.current.scrollHeight, 200)}px`;
@@ -1647,16 +2252,16 @@ var ChatInput = ({
 };
 
 // src/react/components/MessageList.tsx
-var import_react7 = require("react");
+var import_react9 = require("react");
 
 // src/react/components/MessageBubble.tsx
-var import_react6 = require("react");
+var import_react8 = require("react");
 
 // src/react/components/MarkdownRenderer.tsx
-var import_react5 = __toESM(require("react"));
+var import_react7 = __toESM(require("react"));
 
 // src/react/components/LinkChip.tsx
-var import_react4 = require("react");
+var import_react6 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var getDomain = (url) => {
   try {
@@ -1710,7 +2315,7 @@ var LinkChip = ({
   index,
   style
 }) => {
-  const [isHovered, setIsHovered] = (0, import_react4.useState)(false);
+  const [isHovered, setIsHovered] = (0, import_react6.useState)(false);
   const domain = getDomain(url);
   const shortName = getShortName(domain);
   const domainColor = getDomainColor(domain);
@@ -1824,6 +2429,8 @@ var import_jsx_runtime6 = require("react/jsx-runtime");
 var IMAGE_REGEX = /!\[([^\]]*)\]\(([^)]+)\)/g;
 var LINK_REGEX = /(?<!!)\[([^\]]+)\]\(([^)]+)\)/g;
 var SOURCE_LINKS_REGEX = /(\*{0,2}출처:?\*{0,2}\s*)?((?:(?<!!)\[`?[^\]]+`?\]\([^)]+\)\s*)+)/gi;
+var INLINE_CHOICE_PATTERN = /\[(\d+)\]\s*([^\[\n]+?)(?=\s*\[\d+\]|$)/g;
+var INLINE_CHOICE_LINE_PATTERN = /^(.+?)?\s*(\[\d+\][^\[]+(?:\[\d+\][^\[]+)+)$/;
 var CODE_BLOCK_REGEX = /```(\w*)\n?([\s\S]*?)```/g;
 var INLINE_CODE_REGEX = /`([^`]+)`/g;
 var BOLD_REGEX = /\*\*([^*]+)\*\*/g;
@@ -1843,6 +2450,30 @@ var parseSourceLinks = (text) => {
   }
   return links;
 };
+var parseInlineChoices = (text) => {
+  const lineMatch = text.match(INLINE_CHOICE_LINE_PATTERN);
+  if (!lineMatch) return null;
+  const title = lineMatch[1]?.trim();
+  const choicesText = lineMatch[2];
+  const choices = [];
+  let match;
+  const regex = new RegExp(INLINE_CHOICE_PATTERN.source, "g");
+  while ((match = regex.exec(choicesText)) !== null) {
+    const number = parseInt(match[1]);
+    const choiceText = match[2].trim();
+    if (choiceText) {
+      choices.push({
+        number,
+        text: choiceText,
+        fullText: `[${number}] ${choiceText}`
+      });
+    }
+  }
+  if (choices.length >= 2) {
+    return { title, choices };
+  }
+  return null;
+};
 var parseInlineElements = (text, key) => {
   const elements = [];
   let lastIndex = 0;
@@ -1979,7 +2610,7 @@ var MarkdownTable = ({ data }) => {
   );
 };
 var CodeBlock = ({ language, code }) => {
-  const [copied, setCopied] = import_react5.default.useState(false);
+  const [copied, setCopied] = import_react7.default.useState(false);
   const handleCopy = async () => {
     try {
       await navigator.clipboard.writeText(code);
@@ -2062,9 +2693,9 @@ var CodeBlock = ({ language, code }) => {
   );
 };
 var ImageWithCopyButton = ({ src, alt, imageKey }) => {
-  const [isHovered, setIsHovered] = import_react5.default.useState(false);
-  const [copyState, setCopyState] = import_react5.default.useState("idle");
-  const imgRef = import_react5.default.useRef(null);
+  const [isHovered, setIsHovered] = import_react7.default.useState(false);
+  const [copyState, setCopyState] = import_react7.default.useState("idle");
+  const imgRef = import_react7.default.useRef(null);
   const getImageBlob = async () => {
     const img = imgRef.current;
     if (img && img.complete && img.naturalWidth > 0) {
@@ -2279,8 +2910,8 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
     imageKey
   );
 };
-var ChoiceButtons = ({ choices, onChoiceClick }) => {
-  const [hoveredIndex, setHoveredIndex] = import_react5.default.useState(null);
+var ChoiceButtons = ({ choices, title, onChoiceClick }) => {
+  const [hoveredIndex, setHoveredIndex] = import_react7.default.useState(null);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "div",
     {
@@ -2300,14 +2931,14 @@ var ChoiceButtons = ({ choices, onChoiceClick }) => {
           "div",
           {
             style: {
-              fontSize: "12px",
+              fontSize: title ? "14px" : "12px",
               fontWeight: 600,
-              color: "var(--chatllm-text-muted, #6b7280)",
+              color: title ? "var(--chatllm-text, #374151)" : "var(--chatllm-text-muted, #6b7280)",
               marginBottom: "4px",
-              textTransform: "uppercase",
-              letterSpacing: "0.5px"
+              textTransform: title ? "none" : "uppercase",
+              letterSpacing: title ? "normal" : "0.5px"
             },
-            children: "\uC120\uD0DD\uD558\uC138\uC694"
+            children: title || "\uC120\uD0DD\uD558\uC138\uC694"
           }
         ),
         choices.map((choice, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
@@ -2403,7 +3034,7 @@ var SourceLinksSection = ({ links, label }) => {
   );
 };
 var MarkdownRenderer = ({ content, className, onChoiceClick }) => {
-  const rendered = (0, import_react5.useMemo)(() => {
+  const rendered = (0, import_react7.useMemo)(() => {
     const elements = [];
     let processedContent = content;
     const codeBlocks = [];
@@ -2501,7 +3132,7 @@ var MarkdownRenderer = ({ content, className, onChoiceClick }) => {
                 borderRadius: "0 8px 8px 0",
                 color: "var(--chatllm-text, #374151)"
               },
-              children: blockquoteLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react5.default.Fragment, { children: [
+              children: blockquoteLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react7.default.Fragment, { children: [
                 parseInlineElements(line, `bq-line-${i}`),
                 i < blockquoteLines.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("br", {})
               ] }, i))
@@ -2637,6 +3268,23 @@ var MarkdownRenderer = ({ content, className, onChoiceClick }) => {
         elements.push(/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("br", {}, `br-${lineIndex}`));
         return;
       }
+      if (onChoiceClick) {
+        const choiceBlock = parseInlineChoices(line);
+        if (choiceBlock) {
+          elements.push(
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              ChoiceButtons,
+              {
+                choices: choiceBlock.choices,
+                title: choiceBlock.title,
+                onChoiceClick
+              },
+              `inline-choices-${lineIndex}`
+            )
+          );
+          return;
+        }
+      }
       elements.push(
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: { margin: "4px 0" }, children: parseInlineElements(line, `p-${lineIndex}`) }, `p-${lineIndex}`)
       );
@@ -2679,8 +3327,8 @@ var MessageBubble = ({
   nextAssistantMessage,
   onChoiceClick
 }) => {
-  const [showActions, setShowActions] = (0, import_react6.useState)(false);
-  const [showModelMenu, setShowModelMenu] = (0, import_react6.useState)(false);
+  const [showActions, setShowActions] = (0, import_react8.useState)(false);
+  const [showModelMenu, setShowModelMenu] = (0, import_react8.useState)(false);
   const isUser = message.role === "user";
   const isAssistant = message.role === "assistant";
   const relevantAlternatives = isUser ? alternatives : message.alternatives;
@@ -3073,14 +3721,14 @@ var MessageList = ({
   editingId,
   onChoiceClick
 }) => {
-  const messagesEndRef = (0, import_react7.useRef)(null);
-  const containerRef = (0, import_react7.useRef)(null);
-  const [selectedText, setSelectedText] = (0, import_react7.useState)("");
-  const [selectionPosition, setSelectionPosition] = (0, import_react7.useState)(null);
-  (0, import_react7.useEffect)(() => {
+  const messagesEndRef = (0, import_react9.useRef)(null);
+  const containerRef = (0, import_react9.useRef)(null);
+  const [selectedText, setSelectedText] = (0, import_react9.useState)("");
+  const [selectionPosition, setSelectionPosition] = (0, import_react9.useState)(null);
+  (0, import_react9.useEffect)(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [messages]);
-  const handleMouseUp = (0, import_react7.useCallback)(() => {
+  const handleMouseUp = (0, import_react9.useCallback)(() => {
     const selection = window.getSelection();
     const text = selection?.toString().trim();
     if (text && text.length > 0) {
@@ -3457,7 +4105,7 @@ var EmptyState = ({
 };
 
 // src/react/components/MemoryPanel.tsx
-var import_react8 = require("react");
+var import_react10 = require("react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var categoryLabels = {
   context: "\uB300\uD654 \uCEE8\uD14D\uC2A4\uD2B8",
@@ -3479,8 +4127,8 @@ var MemoryPanel = ({
   isOpen,
   onToggle
 }) => {
-  const [expandedId, setExpandedId] = (0, import_react8.useState)(null);
-  const [activeTab, setActiveTab] = (0, import_react8.useState)("all");
+  const [expandedId, setExpandedId] = (0, import_react10.useState)(null);
+  const [activeTab, setActiveTab] = (0, import_react10.useState)("all");
   const filteredItems = activeTab === "all" ? items : items.filter((item) => item.category === activeTab);
   const formatDate2 = (timestamp) => {
     const date = new Date(timestamp);
@@ -3798,7 +4446,7 @@ var MemoryPanel = ({
 };
 
 // src/react/components/SettingsModal.tsx
-var import_react9 = require("react");
+var import_react11 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var DEFAULT_PERSONALIZATION2 = {
   responseStyle: {
@@ -3823,8 +4471,8 @@ var SettingsModal = ({
   apiKeyLabel = "API Key",
   apiKeyDescription = "Cloud \uBAA8\uB378 \uC0AC\uC6A9\uC5D0 \uD544\uC694\uD569\uB2C8\uB2E4"
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react9.useState)("general");
-  const [localApiKey, setLocalApiKey] = (0, import_react9.useState)(apiKey);
+  const [activeTab, setActiveTab] = (0, import_react11.useState)("general");
+  const [localApiKey, setLocalApiKey] = (0, import_react11.useState)(apiKey);
   if (!isOpen) return null;
   const updateResponseStyle = (key, value) => {
     onPersonalizationChange({
@@ -4432,7 +5080,7 @@ var ChatUI = ({
   onSessionChange,
   onError
 }) => {
-  import_react10.default.useEffect(() => {
+  import_react12.default.useEffect(() => {
     injectStyles();
   }, []);
   const hookOptions = {
@@ -4500,8 +5148,8 @@ var ChatUI = ({
   const handleChoiceClick = (choice) => {
     setInput(choice.text);
   };
-  const [memoryPanelOpen, setMemoryPanelOpen] = (0, import_react10.useState)(false);
-  const memoryItems = import_react10.default.useMemo(() => {
+  const [memoryPanelOpen, setMemoryPanelOpen] = (0, import_react12.useState)(false);
+  const memoryItems = import_react12.default.useMemo(() => {
     const items = [];
     if (currentSession?.contextSummary) {
       items.push({
@@ -4683,4 +5331,22 @@ var ChatUI = ({
   SettingsModal,
   useChatUI
 });
+/**
+ * @description localStorage 기반 메모리 저장소 어댑터
+ * @license MIT
+ */
+/**
+ * @description PostgreSQL REST API 기반 메모리 저장소 어댑터
+ * @license MIT
+ */
+/**
+ * @description 글로벌 메모리 관리 훅
+ * localStorage 또는 PostgreSQL API를 통해 세션 간 정보 유지
+ * @license MIT
+ */
+/**
+ * @description 자동 정보 추출 훅
+ * LLM을 사용하여 대화에서 중요 정보를 자동으로 추출
+ * @license MIT
+ */
 //# sourceMappingURL=index.js.map