@scenemesh/entity-engine-aimodule 1.0.0 → 1.0.1

package/dist/ui-index.mjs

@@ -1,2353 +0,0 @@
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/hooks/useChat.ts
-import { useChat as useAIChat } from "@ai-sdk/react";
-var useChat;
-var init_useChat = __esm({
-  "src/hooks/useChat.ts"() {
-    "use strict";
-    useChat = useAIChat;
-  }
-});
-
-// src/hooks/useObject.ts
-import { experimental_useObject as useAIObject } from "@ai-sdk/react";
-var useObject;
-var init_useObject = __esm({
-  "src/hooks/useObject.ts"() {
-    "use strict";
-    useObject = useAIObject;
-  }
-});
-
-// src/hooks/useCompletion.ts
-import { useCompletion as useAICompletion } from "@ai-sdk/react";
-var useCompletion;
-var init_useCompletion = __esm({
-  "src/hooks/useCompletion.ts"() {
-    "use strict";
-    useCompletion = useAICompletion;
-  }
-});
-
-// src/hooks/index.ts
-var hooks_exports = {};
-__export(hooks_exports, {
-  useChat: () => useChat,
-  useCompletion: () => useCompletion,
-  useObject: () => useObject
-});
-var init_hooks = __esm({
-  "src/hooks/index.ts"() {
-    "use strict";
-    init_useChat();
-    init_useObject();
-    init_useCompletion();
-  }
-});
-
-// src/components/DynamicUI/EntityEngineDynamicComponents.tsx
-import { EntityViewContainer } from "@scenemesh/entity-engine";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DynamicEntityGridComponent, DynamicEntityFormComponent, DynamicEntityKanbanComponent, DynamicEntityDashboardComponent, DynamicEntityMastailComponent, DynamicErrorDisplayComponent, ENTITY_DYNAMIC_COMPONENTS;
-var init_EntityEngineDynamicComponents = __esm({
-  "src/components/DynamicUI/EntityEngineDynamicComponents.tsx"() {
-    "use strict";
-    DynamicEntityGridComponent = ({
-      modelName = "",
-      displayMode = "table",
-      toolName,
-      _renderHint
-    }) => {
-      if (!modelName) {
-        return /* @__PURE__ */ jsxs("div", { style: {
-          padding: "1rem",
-          border: "1px solid #e2e8f0",
-          borderRadius: "0.5rem",
-          backgroundColor: "#f8fafc"
-        }, children: [
-          /* @__PURE__ */ jsxs("h4", { children: [
-            "\u26A0\uFE0F ",
-            toolName,
-            " \u9519\u8BEF"
-          ] }),
-          /* @__PURE__ */ jsx("p", { children: "\u7F3A\u5C11\u5FC5\u9700\u7684 modelName \u53C2\u6570" })
-        ] });
-      }
-      return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-        EntityViewContainer,
-        {
-          modelName,
-          viewType: "grid",
-          behavior: { mode: "display" },
-          viewOptions: {
-            mode: displayMode,
-            hideToolbar: false,
-            hideEditColumn: false,
-            hidePagination: false
-          }
-        }
-      ) });
-    };
-    DynamicEntityFormComponent = ({
-      modelName = "",
-      baseObjectId,
-      mode = "display",
-      toCreating = false,
-      toolName
-    }) => {
-      if (!modelName) {
-        return /* @__PURE__ */ jsxs("div", { style: {
-          padding: "1rem",
-          border: "1px solid #e2e8f0",
-          borderRadius: "0.5rem",
-          backgroundColor: "#f8fafc"
-        }, children: [
-          /* @__PURE__ */ jsxs("h4", { children: [
-            "\u26A0\uFE0F ",
-            toolName,
-            " \u9519\u8BEF"
-          ] }),
-          /* @__PURE__ */ jsx("p", { children: "\u7F3A\u5C11\u5FC5\u9700\u7684 modelName \u53C2\u6570" })
-        ] });
-      }
-      return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-        EntityViewContainer,
-        {
-          modelName,
-          viewType: "form",
-          baseObjectId,
-          behavior: {
-            mode,
-            toCreating
-          }
-        }
-      ) });
-    };
-    DynamicEntityKanbanComponent = ({
-      modelName = "",
-      toolName,
-      _renderHint
-    }) => {
-      if (!modelName) {
-        return /* @__PURE__ */ jsxs("div", { style: {
-          padding: "1rem",
-          border: "1px solid #e2e8f0",
-          borderRadius: "0.5rem",
-          backgroundColor: "#f8fafc"
-        }, children: [
-          /* @__PURE__ */ jsxs("h4", { children: [
-            "\u26A0\uFE0F ",
-            toolName,
-            " \u9519\u8BEF"
-          ] }),
-          /* @__PURE__ */ jsx("p", { children: "\u7F3A\u5C11\u5FC5\u9700\u7684 modelName \u53C2\u6570" })
-        ] });
-      }
-      return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-        EntityViewContainer,
-        {
-          modelName,
-          viewType: "kanban",
-          behavior: { mode: "display" },
-          viewOptions: {
-            hideToolbar: false,
-            hideEditColumn: false,
-            hidePagination: false
-          }
-        }
-      ) });
-    };
-    DynamicEntityDashboardComponent = ({
-      modelName = "",
-      toolName,
-      _renderHint
-    }) => {
-      if (!modelName) {
-        return /* @__PURE__ */ jsxs("div", { style: {
-          padding: "1rem",
-          border: "1px solid #e2e8f0",
-          borderRadius: "0.5rem",
-          backgroundColor: "#f8fafc"
-        }, children: [
-          /* @__PURE__ */ jsxs("h4", { children: [
-            "\u26A0\uFE0F ",
-            toolName,
-            " \u9519\u8BEF"
-          ] }),
-          /* @__PURE__ */ jsx("p", { children: "\u7F3A\u5C11\u5FC5\u9700\u7684 modelName \u53C2\u6570" })
-        ] });
-      }
-      return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-        EntityViewContainer,
-        {
-          modelName,
-          viewType: "dashboard",
-          behavior: { mode: "display" },
-          viewOptions: {
-            hideToolbar: false,
-            hideEditColumn: false,
-            hidePagination: false
-          }
-        }
-      ) });
-    };
-    DynamicEntityMastailComponent = ({
-      modelName = "",
-      baseObjectId,
-      toolName,
-      _renderHint
-    }) => {
-      if (!modelName) {
-        return /* @__PURE__ */ jsxs("div", { style: {
-          padding: "1rem",
-          border: "1px solid #e2e8f0",
-          borderRadius: "0.5rem",
-          backgroundColor: "#f8fafc"
-        }, children: [
-          /* @__PURE__ */ jsxs("h4", { children: [
-            "\u26A0\uFE0F ",
-            toolName,
-            " \u9519\u8BEF"
-          ] }),
-          /* @__PURE__ */ jsx("p", { children: "\u7F3A\u5C11\u5FC5\u9700\u7684 modelName \u53C2\u6570" })
-        ] });
-      }
-      return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-        EntityViewContainer,
-        {
-          modelName,
-          viewType: "mastail",
-          baseObjectId,
-          behavior: { mode: "display" },
-          viewOptions: {
-            hideToolbar: false,
-            hideEditColumn: false,
-            hidePagination: false
-          }
-        }
-      ) });
-    };
-    DynamicErrorDisplayComponent = ({
-      toolName,
-      error,
-      errorDetails,
-      errorType,
-      executedAt,
-      _renderHint
-    }) => /* @__PURE__ */ jsxs("div", { style: {
-      padding: "1rem",
-      backgroundColor: "#fee2e2",
-      border: "1px solid #fecaca",
-      borderRadius: "0.5rem",
-      color: "#dc2626",
-      margin: "0.5rem 0"
-    }, children: [
-      /* @__PURE__ */ jsxs("div", { style: { fontWeight: "500", marginBottom: "0.5rem" }, children: [
-        "\u274C ",
-        toolName,
-        " \u6267\u884C\u5931\u8D25"
-      ] }),
-      /* @__PURE__ */ jsx("p", { style: { margin: 0, fontSize: "0.875rem" }, children: error }),
-      errorDetails && /* @__PURE__ */ jsxs("details", { style: { marginTop: "0.5rem" }, children: [
-        /* @__PURE__ */ jsx("summary", { style: { cursor: "pointer", fontSize: "0.875rem" }, children: "\u8BE6\u7EC6\u9519\u8BEF\u4FE1\u606F" }),
-        /* @__PURE__ */ jsx("pre", { style: {
-          marginTop: "0.25rem",
-          fontSize: "0.75rem",
-          backgroundColor: "#fef2f2",
-          padding: "0.5rem",
-          borderRadius: "0.25rem",
-          overflow: "auto",
-          whiteSpace: "pre-wrap"
-        }, children: errorDetails })
-      ] }),
-      executedAt && /* @__PURE__ */ jsxs("div", { style: {
-        fontSize: "0.75rem",
-        color: "#991b1b",
-        marginTop: "0.5rem",
-        opacity: 0.8
-      }, children: [
-        "\u6267\u884C\u65F6\u95F4: ",
-        new Date(executedAt).toLocaleString()
-      ] })
-    ] });
-    ENTITY_DYNAMIC_COMPONENTS = {
-      "DynamicDataTable": DynamicEntityGridComponent,
-      "DynamicDataGrid": DynamicEntityGridComponent,
-      "DynamicDataList": DynamicEntityGridComponent,
-      "DynamicEntityForm": DynamicEntityFormComponent,
-      "DynamicEntityKanban": DynamicEntityKanbanComponent,
-      "DynamicEntityDashboard": DynamicEntityDashboardComponent,
-      "DynamicEntityMastail": DynamicEntityMastailComponent,
-      "DynamicErrorDisplay": DynamicErrorDisplayComponent
-    };
-  }
-});
-
-// src/components/DynamicUI/DynamicToolRenderer.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function DynamicToolRenderer({ toolName, input, output, state }) {
-  switch (state) {
-    case "input-streaming":
-      return /* @__PURE__ */ jsxs2("div", { style: { padding: "0.75rem", background: "#f8fafc", borderRadius: "0.5rem", border: "1px solid #e2e8f0" }, children: [
-        /* @__PURE__ */ jsxs2("div", { style: { fontWeight: "500", marginBottom: "0.25rem" }, children: [
-          "\u26A1 ",
-          toolName,
-          " - \u51C6\u5907\u4E2D..."
-        ] }),
-        /* @__PURE__ */ jsx2("div", { style: { fontSize: "0.875rem", color: "#64748b" }, children: "\u6B63\u5728\u89E3\u6790\u5DE5\u5177\u53C2\u6570..." })
-      ] });
-    case "input-available":
-      return /* @__PURE__ */ jsxs2("div", { style: { padding: "0.75rem", background: "#fef3c7", borderRadius: "0.5rem", border: "1px solid #f59e0b" }, children: [
-        /* @__PURE__ */ jsxs2("div", { style: { fontWeight: "500", marginBottom: "0.25rem" }, children: [
-          "\u{1F527} ",
-          toolName,
-          " - \u6267\u884C\u4E2D"
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { style: { fontSize: "0.875rem", color: "#92400e" }, children: [
-          input?.modelName && `\u67E5\u8BE2\u6A21\u578B\uFF1A${input.modelName}`,
-          input?.displayMode && ` | \u663E\u793A\u6A21\u5F0F\uFF1A${input.displayMode}`
-        ] })
-      ] });
-    case "output-available":
-      return /* @__PURE__ */ jsx2(
-        DynamicOutputRenderer,
-        {
-          toolName,
-          input,
-          output
-        }
-      );
-    case "output-error":
-      return /* @__PURE__ */ jsxs2("div", { style: {
-        padding: "1rem",
-        background: "#fee2e2",
-        borderRadius: "0.5rem",
-        border: "1px solid #fecaca",
-        color: "#dc2626"
-      }, children: [
-        /* @__PURE__ */ jsxs2("div", { style: { fontWeight: "500", marginBottom: "0.5rem" }, children: [
-          "\u274C ",
-          toolName,
-          " \u6267\u884C\u5931\u8D25"
-        ] }),
-        /* @__PURE__ */ jsx2("p", { style: { margin: 0 }, children: output?.error || "\u672A\u77E5\u9519\u8BEF" }),
-        output?.errorDetails && /* @__PURE__ */ jsxs2("details", { style: { marginTop: "0.5rem" }, children: [
-          /* @__PURE__ */ jsx2("summary", { style: { cursor: "pointer" }, children: "\u8BE6\u7EC6\u4FE1\u606F" }),
-          /* @__PURE__ */ jsx2("p", { style: { marginTop: "0.25rem", fontSize: "0.875rem" }, children: output.errorDetails })
-        ] })
-      ] });
-    default:
-      return /* @__PURE__ */ jsxs2("div", { style: { padding: "0.75rem", background: "#f1f5f9", borderRadius: "0.5rem" }, children: [
-        /* @__PURE__ */ jsxs2("h4", { children: [
-          "\u{1F527} ",
-          toolName
-        ] }),
-        /* @__PURE__ */ jsxs2("p", { children: [
-          "\u672A\u77E5\u72B6\u6001: ",
-          state
-        ] })
-      ] });
-  }
-}
-function DynamicOutputRenderer({ toolName, input, output }) {
-  const renderHint = output?._renderHint;
-  const componentType = renderHint?.componentType;
-  const displayMode = input?.displayMode || output?.displayMode;
-  let selectedComponentType;
-  if (componentType && componentType in ENTITY_DYNAMIC_COMPONENTS) {
-    selectedComponentType = componentType;
-  } else {
-    switch (displayMode) {
-      case "table":
-        selectedComponentType = "DynamicDataTable";
-        break;
-      case "list":
-        selectedComponentType = "DynamicDataGrid";
-        break;
-      case "grid":
-        selectedComponentType = "DynamicDataGrid";
-        break;
-      case "form":
-        selectedComponentType = "DynamicEntityForm";
-        break;
-      case "kanban":
-        selectedComponentType = "DynamicEntityKanban";
-        break;
-      case "dashboard":
-        selectedComponentType = "DynamicEntityDashboard";
-        break;
-      case "mastail":
-        selectedComponentType = "DynamicEntityMastail";
-        break;
-      default:
-        if (input?.baseObjectId || output?.baseObjectId) {
-          selectedComponentType = "DynamicEntityForm";
-        } else {
-          selectedComponentType = "DynamicDataGrid";
-        }
-    }
-  }
-  const SelectedComponent = ENTITY_DYNAMIC_COMPONENTS[selectedComponentType];
-  const componentProps = {
-    toolName,
-    modelName: input?.modelName || output?.modelName,
-    displayMode: displayMode || "table",
-    data: output?.data,
-    totalCount: output?.totalCount,
-    pagination: output?.pagination,
-    query: output?.query || {
-      sortBy: input?.sortBy,
-      filters: input?.filters
-    },
-    baseObjectId: input?.baseObjectId,
-    mode: input?.mode === "create" ? "edit" : input?.mode || "display",
-    toCreating: input?.mode === "create",
-    executedAt: output?.executedAt,
-    toolCallId: output?.toolCallId,
-    _renderHint: renderHint
-  };
-  if (selectedComponentType === "DynamicErrorDisplay") {
-    componentProps.error = output?.error || "Unknown error";
-    componentProps.errorDetails = output?.errorDetails || renderHint?.errorDetails;
-    componentProps.errorType = output?.errorType || renderHint?.errorType || "unknown";
-  }
-  return /* @__PURE__ */ jsxs2("div", { style: { margin: "0.5rem 0" }, children: [
-    /* @__PURE__ */ jsxs2("div", { style: {
-      fontWeight: "500",
-      marginBottom: "0.75rem",
-      padding: "0.5rem",
-      background: "#f0f9ff",
-      borderRadius: "0.375rem",
-      border: "1px solid #e0f2fe"
-    }, children: [
-      "\u{1F527} ",
-      toolName,
-      " \u7ED3\u679C",
-      output?.executedAt && /* @__PURE__ */ jsx2("span", { style: {
-        fontSize: "0.75rem",
-        color: "#64748b",
-        marginLeft: "0.5rem"
-      }, children: new Date(output.executedAt).toLocaleString() })
-    ] }),
-    /* @__PURE__ */ jsx2(SelectedComponent, { ...componentProps })
-  ] });
-}
-var init_DynamicToolRenderer = __esm({
-  "src/components/DynamicUI/DynamicToolRenderer.tsx"() {
-    "use strict";
-    init_EntityEngineDynamicComponents();
-  }
-});
-
-// src/components/DynamicUI/index.ts
-var init_DynamicUI = __esm({
-  "src/components/DynamicUI/index.ts"() {
-    "use strict";
-    init_DynamicToolRenderer();
-    init_EntityEngineDynamicComponents();
-  }
-});
-
-// src/components/GenerativeUI/PrebuiltComponents.tsx
-import { EntityViewContainer as EntityViewContainer2 } from "@scenemesh/entity-engine";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var WeatherComponent, LocationComponent, CodeExecutionComponent;
-var init_PrebuiltComponents = __esm({
-  "src/components/GenerativeUI/PrebuiltComponents.tsx"() {
-    "use strict";
-    WeatherComponent = ({
-      temperature = 0,
-      weather = "",
-      location = "",
-      humidity,
-      windSpeed
-    }) => (
-      // <div style={{ 
-      //   background: 'linear-gradient(135deg, #74b9ff 0%, #0984e3 100%)',
-      //   color: 'white',
-      //   padding: '1.5rem',
-      //   borderRadius: '0.75rem',
-      //   margin: '0.5rem 0',
-      //   boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)'
-      // }}>
-      //   <div style={{ display: 'flex', alignItems: 'center', marginBottom: '0.5rem' }}>
-      //     <span style={{ fontSize: '1.5rem', marginRight: '0.5rem' }}>🌤️</span>
-      //     <h3 style={{ margin: 0, fontSize: '1.25rem' }}>{location}</h3>
-      //   </div>
-      //   <p style={{ margin: '0.25rem 0', fontSize: '1rem' }}>{weather}</p>
-      //   <p style={{ margin: '0.25rem 0', fontSize: '1.5rem', fontWeight: 'bold' }}>{temperature}°C</p>
-      //   {humidity && <p style={{ margin: '0.25rem 0', fontSize: '0.875rem' }}>湿度: {humidity}%</p>}
-      //   {windSpeed && <p style={{ margin: '0.25rem 0', fontSize: '0.875rem' }}>风速: {windSpeed} km/h</p>}
-      // </div>
-      /* @__PURE__ */ jsx3(EntityViewContainer2, { modelName: "product", viewType: "grid", behavior: { mode: "edit" } })
-    );
-    LocationComponent = ({
-      city = "",
-      country = "",
-      province = "",
-      coordinates,
-      timezone = "",
-      population,
-      area
-    }) => /* @__PURE__ */ jsxs3("div", { style: {
-      background: "linear-gradient(135deg, #fd79a8 0%, #e84393 100%)",
-      color: "white",
-      padding: "1.5rem",
-      borderRadius: "0.75rem",
-      margin: "0.5rem 0",
-      boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)"
-    }, children: [
-      /* @__PURE__ */ jsxs3("div", { style: { display: "flex", alignItems: "center", marginBottom: "0.5rem" }, children: [
-        /* @__PURE__ */ jsx3("span", { style: { fontSize: "1.5rem", marginRight: "0.5rem" }, children: "\u{1F4CD}" }),
-        /* @__PURE__ */ jsx3("h3", { style: { margin: 0, fontSize: "1.25rem" }, children: city })
-      ] }),
-      province && /* @__PURE__ */ jsxs3("p", { style: { margin: "0.25rem 0", fontSize: "1rem" }, children: [
-        province,
-        ", ",
-        country
-      ] }),
-      coordinates && /* @__PURE__ */ jsxs3("p", { style: { margin: "0.25rem 0", fontSize: "0.875rem" }, children: [
-        "\u5750\u6807: ",
-        coordinates.lat.toFixed(4),
-        ", ",
-        coordinates.lng.toFixed(4)
-      ] }),
-      timezone && /* @__PURE__ */ jsxs3("p", { style: { margin: "0.25rem 0", fontSize: "0.875rem" }, children: [
-        "\u65F6\u533A: ",
-        timezone
-      ] }),
-      population && /* @__PURE__ */ jsxs3("p", { style: { margin: "0.25rem 0", fontSize: "0.875rem" }, children: [
-        "\u4EBA\u53E3: ",
-        population.toLocaleString(),
-        "\u4E07\u4EBA"
-      ] }),
-      area && /* @__PURE__ */ jsxs3("p", { style: { margin: "0.25rem 0", fontSize: "0.875rem" }, children: [
-        "\u9762\u79EF: ",
-        area.toLocaleString(),
-        " km\xB2"
-      ] })
-    ] });
-    CodeExecutionComponent = ({
-      code = "",
-      language = "javascript",
-      output = "",
-      status = "success"
-    }) => /* @__PURE__ */ jsxs3("div", { style: {
-      background: "#f8fafc",
-      border: "1px solid #e2e8f0",
-      borderRadius: "0.75rem",
-      margin: "0.5rem 0",
-      overflow: "hidden"
-    }, children: [
-      /* @__PURE__ */ jsxs3("div", { style: {
-        background: "#334155",
-        color: "white",
-        padding: "0.75rem 1rem",
-        fontSize: "0.875rem",
-        display: "flex",
-        alignItems: "center"
-      }, children: [
-        /* @__PURE__ */ jsx3("span", { style: { marginRight: "0.5rem" }, children: "\u{1F4BB}" }),
-        /* @__PURE__ */ jsxs3("span", { children: [
-          "\u4EE3\u7801\u6267\u884C (",
-          language,
-          ")"
-        ] }),
-        /* @__PURE__ */ jsx3("span", { style: {
-          marginLeft: "auto",
-          fontSize: "0.75rem",
-          color: status === "success" ? "#10b981" : status === "error" ? "#ef4444" : "#f59e0b"
-        }, children: status === "success" ? "\u2705 \u6210\u529F" : status === "error" ? "\u274C \u9519\u8BEF" : "\u23F3 \u8FD0\u884C\u4E2D" })
-      ] }),
-      code && /* @__PURE__ */ jsx3("div", { style: { padding: "1rem" }, children: /* @__PURE__ */ jsx3("pre", { style: {
-        background: "#1e293b",
-        color: "#e2e8f0",
-        padding: "1rem",
-        borderRadius: "0.5rem",
-        fontSize: "0.875rem",
-        overflow: "auto",
-        margin: "0 0 1rem 0"
-      }, children: code }) }),
-      output && /* @__PURE__ */ jsxs3("div", { style: { padding: "0 1rem 1rem" }, children: [
-        /* @__PURE__ */ jsx3("h4", { style: { margin: "0 0 0.5rem 0", fontSize: "0.875rem", color: "#64748b" }, children: "\u8F93\u51FA:" }),
-        /* @__PURE__ */ jsx3("pre", { style: {
-          background: status === "error" ? "#fef2f2" : "#f0f9ff",
-          color: status === "error" ? "#dc2626" : "#0f172a",
-          padding: "1rem",
-          borderRadius: "0.5rem",
-          fontSize: "0.875rem",
-          overflow: "auto",
-          margin: 0,
-          border: `1px solid ${status === "error" ? "#fecaca" : "#e0f2fe"}`
-        }, children: output })
-      ] })
-    ] });
-  }
-});
-
-// src/components/MessageBubble/MessageBubble.tsx
-import { Box, Text, Badge, Group, Paper, Stack } from "@mantine/core";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function MessageBubble({
-  message,
-  showAvatar = false,
-  // 不再使用头像
-  showTimestamp = true,
-  onToolResult,
-  enableReasoning = true,
-  enableGenerativeUI = true,
-  showReasoningByDefault = false
-}) {
-  const isUser = message.role === "user";
-  return /* @__PURE__ */ jsxs4(Stack, { gap: "xs", mb: "md", style: { width: "100%" }, children: [
-    /* @__PURE__ */ jsxs4(
-      Group,
-      {
-        gap: "xs",
-        align: "center",
-        justify: isUser ? "flex-end" : "flex-start",
-        children: [
-          /* @__PURE__ */ jsx4(
-            Badge,
-            {
-              variant: "light",
-              color: isUser ? "blue" : "gray",
-              size: "xs",
-              radius: "sm",
-              children: isUser ? "You" : "AI"
-            }
-          ),
-          showTimestamp && /* @__PURE__ */ jsx4(Text, { size: "xs", c: "var(--mantine-color-gray-5)", children: (/* @__PURE__ */ new Date()).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx4(
-      Box,
-      {
-        style: {
-          width: "100%",
-          display: "flex",
-          justifyContent: isUser ? "flex-end" : "flex-start"
-        },
-        children: /* @__PURE__ */ jsx4(
-          Box,
-          {
-            style: {
-              maxWidth: "100%",
-              width: isUser ? "fit-content" : "100%"
-            },
-            children: message.parts.map((part, index) => {
-              if (part.type === "text") {
-                return /* @__PURE__ */ jsx4(
-                  Text,
-                  {
-                    size: "sm",
-                    style: {
-                      lineHeight: 1.5,
-                      whiteSpace: "pre-wrap",
-                      wordBreak: "break-word",
-                      textAlign: isUser ? "right" : "left"
-                    },
-                    c: "var(--mantine-color-text)",
-                    children: part.text
-                  },
-                  index
-                );
-              }
-              if (part.type === "file") {
-                return /* @__PURE__ */ jsx4(FileDisplay, { file: part }, index);
-              }
-              if (part.type === "data") {
-                if (part.data?.type === "reasoning" && enableReasoning) {
-                  return /* @__PURE__ */ jsx4(
-                    ReasoningDisplay,
-                    {
-                      reasoning: part.data.content,
-                      step: part.data.step
-                    },
-                    index
-                  );
-                }
-                return null;
-              }
-              if (part.type === "tool-getWeather") {
-                switch (part.state) {
-                  case "input-streaming":
-                    return /* @__PURE__ */ jsx4(Text, { size: "xs", c: "var(--mantine-color-gray-6)", children: "Preparing weather request..." }, index);
-                  case "input-available":
-                    return /* @__PURE__ */ jsxs4(Text, { size: "xs", c: "var(--mantine-color-gray-6)", children: [
-                      "Getting weather for ",
-                      part.input?.location,
-                      "..."
-                    ] }, index);
-                  case "output-available": {
-                    if (onToolResult) {
-                      onToolResult({
-                        toolName: "getWeather",
-                        input: part.input,
-                        output: part.output,
-                        state: part.state
-                      });
-                    }
-                    const rawData = part.output.data || part.output;
-                    const weatherData = {
-                      ...rawData,
-                      weather: rawData.condition || rawData.weather
-                    };
-                    return /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(WeatherComponent, { ...weatherData }) }, index);
-                  }
-                  case "output-error":
-                    return /* @__PURE__ */ jsx4(Paper, { p: "sm", withBorder: true, style: {
-                      backgroundColor: "var(--mantine-color-red-0)",
-                      borderColor: "var(--mantine-color-red-2)",
-                      borderLeft: "3px solid var(--mantine-color-red-4)"
-                    }, children: /* @__PURE__ */ jsxs4(Text, { size: "xs", c: "var(--mantine-color-red-8)", children: [
-                      "\u274C Weather Error: ",
-                      part.errorText
-                    ] }) }, index);
-                  default:
-                    return null;
-                }
-              }
-              if (part.type === "tool-getLocation") {
-                switch (part.state) {
-                  case "input-streaming":
-                    return /* @__PURE__ */ jsx4(Text, { size: "xs", c: "var(--mantine-color-gray-6)", children: "Preparing location request..." }, index);
-                  case "input-available":
-                    return /* @__PURE__ */ jsxs4(Text, { size: "xs", c: "var(--mantine-color-gray-6)", children: [
-                      "Getting location for ",
-                      part.input?.city,
-                      "..."
-                    ] }, index);
-                  case "output-available": {
-                    if (onToolResult) {
-                      onToolResult({
-                        toolName: "getLocation",
-                        input: part.input,
-                        output: part.output,
-                        state: part.state
-                      });
-                    }
-                    const locationData = part.output.data || part.output;
-                    return /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(LocationComponent, { ...locationData }) }, index);
-                  }
-                  case "output-error":
-                    return /* @__PURE__ */ jsx4(Paper, { p: "sm", withBorder: true, style: {
-                      backgroundColor: "var(--mantine-color-red-0)",
-                      borderColor: "var(--mantine-color-red-2)",
-                      borderLeft: "3px solid var(--mantine-color-red-4)"
-                    }, children: /* @__PURE__ */ jsxs4(Text, { size: "xs", c: "var(--mantine-color-red-8)", children: [
-                      "\u274C Location Error: ",
-                      part.errorText
-                    ] }) }, index);
-                  default:
-                    return null;
-                }
-              }
-              if (part.type === "tool-displayWeather") {
-                switch (part.state) {
-                  case "input-streaming":
-                    return /* @__PURE__ */ jsx4(Text, { size: "xs", c: "var(--mantine-color-gray-6)", children: "Preparing weather display..." }, index);
-                  case "input-available":
-                    return /* @__PURE__ */ jsxs4(Text, { size: "xs", c: "var(--mantine-color-gray-6)", children: [
-                      "Loading weather display for ",
-                      part.input?.location,
-                      "..."
-                    ] }, index);
-                  case "output-available":
-                    return /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(WeatherComponent, { ...part.output }) }, index);
-                  case "output-error":
-                    return /* @__PURE__ */ jsx4(Paper, { p: "sm", withBorder: true, style: {
-                      backgroundColor: "var(--mantine-color-red-0)",
-                      borderColor: "var(--mantine-color-red-2)",
-                      borderLeft: "3px solid var(--mantine-color-red-4)"
-                    }, children: /* @__PURE__ */ jsxs4(Text, { size: "xs", c: "var(--mantine-color-red-8)", children: [
-                      "\u274C Weather Display Error: ",
-                      part.errorText
-                    ] }) }, index);
-                  default:
-                    return null;
-                }
-              }
-              if (part.type === "tool-executeCode") {
-                switch (part.state) {
-                  case "input-streaming":
-                    return /* @__PURE__ */ jsx4(Text, { size: "xs", c: "var(--mantine-color-gray-6)", children: "Preparing code execution..." }, index);
-                  case "input-available":
-                    return /* @__PURE__ */ jsx4(Text, { size: "xs", c: "var(--mantine-color-gray-6)", children: "Executing code..." }, index);
-                  case "output-available":
-                    if (onToolResult) {
-                      onToolResult({
-                        toolName: "executeCode",
-                        input: part.input,
-                        output: part.output,
-                        state: part.state
-                      });
-                    }
-                    return /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(CodeExecutionComponent, { ...part.output }) }, index);
-                  case "output-error":
-                    return /* @__PURE__ */ jsx4(Paper, { p: "sm", withBorder: true, style: {
-                      backgroundColor: "var(--mantine-color-red-0)",
-                      borderColor: "var(--mantine-color-red-2)",
-                      borderLeft: "3px solid var(--mantine-color-red-4)"
-                    }, children: /* @__PURE__ */ jsxs4(Text, { size: "xs", c: "var(--mantine-color-red-8)", children: [
-                      "\u274C Code Execution Error: ",
-                      part.errorText
-                    ] }) }, index);
-                  default:
-                    return null;
-                }
-              }
-              if (part.type === "dynamic-tool") {
-                return /* @__PURE__ */ jsx4(
-                  DynamicToolRenderer,
-                  {
-                    toolName: part.toolName,
-                    input: part.input,
-                    output: part.output,
-                    state: part.state
-                  },
-                  index
-                );
-              }
-              if (part.type === "tool-result") {
-                return /* @__PURE__ */ jsxs4(Paper, { p: "sm", withBorder: true, style: {
-                  backgroundColor: "var(--mantine-color-blue-0)",
-                  borderColor: "var(--mantine-color-blue-2)",
-                  borderLeft: "3px solid var(--mantine-color-blue-4)"
-                }, children: [
-                  /* @__PURE__ */ jsx4(Text, { size: "xs", fw: 500, c: "var(--mantine-color-blue-8)", mb: 4, children: "\u{1F527} Tool Result" }),
-                  /* @__PURE__ */ jsx4(Text, { component: "pre", size: "xs", style: {
-                    fontFamily: "monospace",
-                    margin: 0,
-                    lineHeight: 1.3,
-                    overflow: "auto"
-                  }, c: "var(--mantine-color-gray-7)", children: JSON.stringify(part.result, null, 2) })
-                ] }, index);
-              }
-              return null;
-            })
-          }
-        )
-      }
-    )
-  ] });
-}
-var ReasoningDisplay, FileDisplay;
-var init_MessageBubble = __esm({
-  "src/components/MessageBubble/MessageBubble.tsx"() {
-    "use strict";
-    init_DynamicUI();
-    init_PrebuiltComponents();
-    ReasoningDisplay = ({ reasoning, step }) => /* @__PURE__ */ jsxs4(
-      Paper,
-      {
-        p: "sm",
-        withBorder: true,
-        style: {
-          backgroundColor: "var(--mantine-color-yellow-0)",
-          borderColor: "var(--mantine-color-yellow-2)",
-          borderLeft: "3px solid var(--mantine-color-yellow-4)"
-        },
-        children: [
-          /* @__PURE__ */ jsxs4(Text, { size: "xs", fw: 500, c: "var(--mantine-color-yellow-8)", mb: 4, children: [
-            "\u{1F4AD} ",
-            step ? `Step ${step}:` : "Reasoning:"
-          ] }),
-          /* @__PURE__ */ jsx4(Text, { size: "xs", c: "var(--mantine-color-gray-7)", style: { lineHeight: 1.3 }, children: reasoning })
-        ]
-      }
-    );
-    FileDisplay = ({ file }) => {
-      if (!file) return null;
-      return /* @__PURE__ */ jsx4(
-        Paper,
-        {
-          p: "sm",
-          withBorder: true,
-          style: {
-            backgroundColor: "var(--mantine-color-gray-0)",
-            borderColor: "var(--mantine-color-gray-3)"
-          },
-          children: /* @__PURE__ */ jsxs4(Group, { gap: "xs", align: "center", children: [
-            /* @__PURE__ */ jsx4(
-              Box,
-              {
-                w: 24,
-                h: 24,
-                bg: "var(--mantine-color-gray-1)",
-                style: {
-                  borderRadius: "4px",
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  fontSize: "12px"
-                },
-                children: "\u{1F4CE}"
-              }
-            ),
-            /* @__PURE__ */ jsxs4(Box, { style: { flex: 1 }, children: [
-              /* @__PURE__ */ jsx4(Text, { size: "xs", fw: 500, c: "var(--mantine-color-gray-8)", children: file.name || "File" }),
-              file.size && /* @__PURE__ */ jsxs4(Text, { size: "xs", c: "var(--mantine-color-gray-6)", children: [
-                Math.round(file.size / 1024),
-                "KB"
-              ] }),
-              file.url && /* @__PURE__ */ jsx4(
-                Text,
-                {
-                  size: "xs",
-                  component: "a",
-                  href: file.url,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  c: "var(--mantine-color-blue-6)",
-                  td: "none",
-                  style: { cursor: "pointer" },
-                  children: "View File"
-                }
-              )
-            ] })
-          ] })
-        }
-      );
-    };
-  }
-});
-
-// src/utils/theme.ts
-function getThemedTextProps(variant = "primary") {
-  switch (variant) {
-    case "primary":
-      return { c: aiThemeColors.primaryText };
-    case "secondary":
-      return { c: aiThemeColors.secondaryText };
-    case "heading":
-      return { c: aiThemeColors.headingText, fw: 600 };
-    case "muted":
-      return { c: "var(--mantine-color-gray-6)" };
-    // 深色模式下更清晰
-    case "subtitle":
-      return { c: "var(--mantine-color-gray-7)", fw: 500 };
-    case "caption":
-      return { c: "var(--mantine-color-gray-6)" };
-    case "success":
-      return { c: aiThemeColors.success };
-    case "warning":
-      return { c: aiThemeColors.warning };
-    case "error":
-      return { c: aiThemeColors.error };
-    case "info":
-      return { c: aiThemeColors.info };
-    default:
-      return { c: aiThemeColors.primaryText };
-  }
-}
-var aiThemeColors, componentStyles;
-var init_theme = __esm({
-  "src/utils/theme.ts"() {
-    "use strict";
-    aiThemeColors = {
-      // 主要文本颜色 - 使用 Mantine CSS 变量
-      primaryText: "var(--mantine-color-text)",
-      // 主要文本颜色，自动适配主题
-      secondaryText: "var(--mantine-color-dimmed)",
-      // 次要文本颜色
-      headingText: "var(--mantine-color-text)",
-      // 标题文本颜色
-      // 语义化文本颜色 - 优化深色模式
-      mutedText: "var(--mantine-color-dimmed)",
-      // 静音文本，使用dimmed确保深色模式协调
-      placeholderText: "var(--mantine-color-placeholder)",
-      // 占位符文本
-      // 状态颜色 - 使用 Mantine 预定义颜色
-      success: "var(--mantine-color-green-filled)",
-      warning: "var(--mantine-color-yellow-filled)",
-      error: "var(--mantine-color-red-filled)",
-      info: "var(--mantine-color-blue-filled)",
-      // 浅色状态颜色（用于背景）- 深色模式自动适配
-      successLight: "var(--mantine-color-green-light)",
-      warningLight: "var(--mantine-color-yellow-light)",
-      errorLight: "var(--mantine-color-red-light)",
-      infoLight: "var(--mantine-color-blue-light)",
-      // 背景颜色 - 深色模式自动切换
-      bodyBackground: "var(--mantine-color-body)",
-      // 主体背景
-      cardBackground: "var(--mantine-color-default)",
-      // 卡片背景，使用default确保深色模式协调
-      paperBackground: "var(--mantine-color-default)",
-      // 纸张背景
-      codeBackground: "var(--mantine-color-default)",
-      // 代码背景，深色模式下自动变深
-      // 边框和分隔线 - 深色模式自动适配
-      border: "var(--mantine-color-default-border)",
-      // 默认边框
-      borderLight: "var(--mantine-color-default-border)",
-      // 统一使用default-border
-      divider: "var(--mantine-color-default-border)",
-      // 分隔线
-      // 交互状态 - 深色模式友好
-      hoverBackground: "var(--mantine-color-default-hover)",
-      // 悬浮背景，深色模式自动调整
-      selectedBackground: "var(--mantine-color-blue-light)",
-      // 选中背景 - 使用蓝色，深色模式下更清晰
-      selectedText: "var(--mantine-color-blue-filled)",
-      // 选中文本 - 使用蓝色，深色模式下更清晰
-      // 输入组件 - 深色模式协调
-      inputBackground: "var(--mantine-color-default)",
-      // 输入框背景
-      inputBorder: "var(--mantine-color-default-border)",
-      // 输入框边框
-      inputPlaceholder: "var(--mantine-color-placeholder)"
-      // 输入框占位符
-    };
-    componentStyles = {
-      // 共享基础样式
-      cardBackground: aiThemeColors.cardBackground,
-      // 聊天对话框样式 - 深色模式优化
-      chatDialog: {
-        titleColor: aiThemeColors.headingText,
-        descriptionColor: aiThemeColors.secondaryText,
-        cardBackground: aiThemeColors.cardBackground,
-        border: aiThemeColors.border
-      },
-      // 消息气泡样式
-      messageBubble: {
-        userBackground: "var(--mantine-color-blue-filled)",
-        userText: "var(--mantine-color-white)",
-        aiBackground: aiThemeColors.cardBackground,
-        aiText: aiThemeColors.primaryText,
-        border: aiThemeColors.border
-      },
-      // 文件查看器样式
-      fileViewer: {
-        background: aiThemeColors.cardBackground,
-        border: aiThemeColors.borderLight,
-        text: aiThemeColors.primaryText
-      },
-      // 代码背景
-      codeBackground: aiThemeColors.codeBackground,
-      // 工具栏样式
-      toolbar: {
-        background: aiThemeColors.bodyBackground,
-        border: aiThemeColors.border,
-        text: aiThemeColors.primaryText
-      },
-      // 状态样式配置 - 深色模式完美适配
-      status: {
-        error: {
-          background: "var(--mantine-color-red-light)",
-          border: "var(--mantine-color-red-outline)",
-          text: "var(--mantine-color-red-light-color)",
-          textSecondary: "var(--mantine-color-red-light-color)",
-          textLight: "var(--mantine-color-red-light-color)",
-          icon: "var(--mantine-color-red-light-color)",
-          progressColor: "red"
-        },
-        warning: {
-          background: "var(--mantine-color-yellow-light)",
-          border: "var(--mantine-color-yellow-outline)",
-          text: "var(--mantine-color-yellow-light-color)",
-          textSecondary: "var(--mantine-color-yellow-light-color)",
-          textLight: "var(--mantine-color-yellow-light-color)",
-          icon: "var(--mantine-color-yellow-light-color)",
-          progressColor: "yellow"
-        },
-        success: {
-          background: "var(--mantine-color-green-light)",
-          border: "var(--mantine-color-green-outline)",
-          text: "var(--mantine-color-green-light-color)",
-          textSecondary: "var(--mantine-color-green-light-color)",
-          textLight: "var(--mantine-color-green-light-color)",
-          icon: "var(--mantine-color-green-light-color)",
-          progressColor: "green"
-        },
-        info: {
-          background: "var(--mantine-color-blue-light)",
-          border: "var(--mantine-color-blue-outline)",
-          text: "var(--mantine-color-blue-light-color)",
-          textSecondary: "var(--mantine-color-blue-light-color)",
-          textLight: "var(--mantine-color-blue-light-color)",
-          icon: "var(--mantine-color-blue-light-color)",
-          progressColor: "blue"
-        }
-      },
-      // 文字颜色标准化系统 - 深色模式优化
-      text: {
-        // 主要文字级别
-        primary: aiThemeColors.primaryText,
-        // 主标题、重要内容
-        heading: aiThemeColors.headingText,
-        // 页面标题、section标题
-        subtitle: "var(--mantine-color-gray-7)",
-        // 副标题，清晰但次要
-        // 次要文字级别
-        secondary: aiThemeColors.secondaryText,
-        // 正文内容
-        caption: "var(--mantine-color-gray-6)",
-        // 说明文字，比dimmed更清晰
-        label: "var(--mantine-color-gray-7)",
-        // 标签文字
-        // 弱化文字级别
-        muted: "var(--mantine-color-gray-6)",
-        // 静音文字，深色模式优化
-        placeholder: aiThemeColors.placeholderText,
-        // 占位符文字
-        disabled: "var(--mantine-color-gray-5)",
-        // 禁用状态文字
-        // 状态文字
-        success: aiThemeColors.success,
-        warning: aiThemeColors.warning,
-        error: aiThemeColors.error,
-        info: aiThemeColors.info
-      }
-    };
-  }
-});
-
-// src/components/ChatDialog/ChatDialog.tsx
-import { motion, AnimatePresence } from "framer-motion";
-import React, { useRef, useState, useEffect, useCallback } from "react";
-import {
-  X,
-  Send,
-  Square,
-  Paperclip,
-  AlertCircle,
-  SparklesIcon
-} from "lucide-react";
-import { Box as Box2, Text as Text2, Badge as Badge2, Group as Group2, Paper as Paper2, Stack as Stack2, Title, Button, Textarea, ActionIcon, ScrollArea } from "@mantine/core";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function ChatDialog({
-  chatOptions = {},
-  title = "AI Assistant",
-  description = "Chat with your AI assistant",
-  open = false,
-  onOpenChange,
-  placeholder = "Type your message here...",
-  className,
-  showHeader = true,
-  allowFileUpload = true,
-  acceptedFileTypes = ["image/*", "text/*", "application/pdf"],
-  maxFileSize = 10 * 1024 * 1024,
-  // 10MB
-  messageRenderer,
-  theme = "system",
-  // 新增的增强功能选项
-  enableReasoning = true,
-  enableGenerativeUI = true,
-  showReasoningByDefault = false
-}) {
-  const [frontendToolStatus, setFrontendToolStatus] = useState({
-    isProcessing: false,
-    currentTool: void 0,
-    processedTools: /* @__PURE__ */ new Set()
-    // 防止重复处理
-  });
-  const handleError = useCallback((err) => {
-    console.error("ChatDialog useChat error:", err);
-    let friendlyError = err;
-    const originalMessage = err.message || "Unknown occurred";
-    if (originalMessage.includes("<!DOCTYPE") || originalMessage.includes("<html>") || originalMessage.includes("<body>")) {
-      friendlyError = new Error("AI\u670D\u52A1\u8FDE\u63A5\u5931\u8D25\uFF0C\u8BF7\u68C0\u67E5\u670D\u52A1\u5668\u662F\u5426\u6B63\u5728\u8FD0\u884C");
-      friendlyError.name = err.name;
-    } else if (originalMessage.includes("fetch") || originalMessage.includes("NetworkError") || originalMessage.includes("Failed to fetch")) {
-      friendlyError = new Error("AI\u670D\u52A1\u8FDE\u63A5\u5931\u8D25\uFF0C\u8BF7\u68C0\u67E5\u7F51\u7EDC\u8FDE\u63A5");
-      friendlyError.name = err.name;
-    } else if (originalMessage.includes("404") || originalMessage.includes("Not Found")) {
-      friendlyError = new Error("AI API\u7AEF\u70B9\u672A\u627E\u5230\uFF0C\u8BF7\u786E\u4FDDAI\u670D\u52A1\u5668\u6B63\u5728\u8FD0\u884C\u5E76\u4E14\u7AEF\u70B9\u914D\u7F6E\u6B63\u786E");
-      friendlyError.name = err.name;
-    } else if (originalMessage.includes("ECONNREFUSED") || originalMessage.includes("Connection refused")) {
-      friendlyError = new Error("AI\u670D\u52A1\u5668\u8FDE\u63A5\u88AB\u62D2\u7EDD");
-      friendlyError.name = err.name;
-    }
-    chatOptions.onError?.(friendlyError);
-  }, [chatOptions]);
-  const {
-    messages,
-    status,
-    error,
-    sendMessage,
-    stop,
-    clearError,
-    resumeStream,
-    addToolResult,
-    setMessages
-  } = useChat({
-    // Use standard properties from chatOptions
-    ...chatOptions,
-    // Standard onFinish callback
-    onFinish: (options) => {
-      setTimeout(() => {
-        inputRef.current?.focus();
-      }, 100);
-      chatOptions.onFinish?.(options);
-    },
-    onError: handleError,
-    // Standard onToolCall - for listening only, no return value
-    onToolCall: chatOptions.onToolCall
-  });
-  useEffect(() => {
-    const handleFrontendToolCall = async (toolName, input2) => {
-      const frontendToolNames = [
-        "recordGetValues",
-        "recordSetValues",
-        "recordGetFieldInfo",
-        "recordResetForm",
-        "recordValidateForm"
-      ];
-      if (!frontendToolNames.includes(toolName)) {
-        return;
-      }
-      setFrontendToolStatus((prev) => ({
-        ...prev,
-        isProcessing: true,
-        currentTool: toolName
-      }));
-      const waitId = `frontend-${toolName}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-      try {
-        if (window.__ENTITY_ENGINE_AI_BRIDGE__) {
-          const result = await window.__ENTITY_ENGINE_AI_BRIDGE__.executeViewControllerTool(
-            toolName,
-            input2 || {}
-          );
-          const finalResult = typeof result === "string" ? result : JSON.stringify(result, null, 2);
-          await fetch("/api/ee/servlet/ai/frontend-tool-result", {
-            method: "POST",
-            headers: {
-              "Content-Type": "application/json"
-            },
-            body: JSON.stringify({
-              waitId: `frontend-${toolName}`,
-              // 简化waitId匹配
-              result: finalResult,
-              timestamp: Date.now()
-            })
-          });
-        }
-      } catch (_error) {
-        await fetch("/api/ee/servlet/ai/frontend-tool-result", {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json"
-          },
-          body: JSON.stringify({
-            waitId: `frontend-${toolName}`,
-            error: error.message,
-            timestamp: Date.now()
-          })
-        });
-      } finally {
-        setFrontendToolStatus((prev) => ({
-          ...prev,
-          isProcessing: false,
-          currentTool: void 0
-        }));
-      }
-    };
-    window.__FRONTEND_TOOL_HANDLER__ = handleFrontendToolCall;
-    return () => {
-      if (window.__FRONTEND_TOOL_HANDLER__) {
-        delete window.__FRONTEND_TOOL_HANDLER__;
-      }
-    };
-  }, []);
-  const [input, setInput] = useState("");
-  const [attachedFiles, setAttachedFiles] = useState([]);
-  const inputRef = useRef(null);
-  const fileInputRef = useRef(null);
-  const messagesEndRef = useRef(null);
-  useEffect(() => {
-    if (messagesEndRef.current) {
-      messagesEndRef.current.scrollIntoView({ behavior: "smooth" });
-    }
-  }, [messages, status]);
-  useEffect(() => {
-    if (open && inputRef.current) {
-      const timer = setTimeout(() => {
-        inputRef.current?.focus();
-      }, 100);
-      return () => clearTimeout(timer);
-    }
-    return void 0;
-  }, [open]);
-  const handleFormSubmit = useCallback((e) => {
-    e.preventDefault();
-    if (!input.trim() && attachedFiles.length === 0) return;
-    if (status === "streaming") return;
-    try {
-      if (attachedFiles.length > 0) {
-        sendMessage({
-          text: input.trim(),
-          files: attachedFiles
-        });
-      } else {
-        sendMessage({
-          text: input.trim()
-        });
-      }
-      setInput("");
-      setAttachedFiles([]);
-      if (fileInputRef.current) {
-        fileInputRef.current.value = "";
-      }
-    } catch (sendError) {
-      console.error("Failed to send message:", sendError);
-    }
-  }, [input, attachedFiles, status, sendMessage]);
-  const handleFileUpload = useCallback((e) => {
-    const files = e.target.files;
-    if (!files) return;
-    const newFiles = [];
-    Array.from(files).forEach((file, index) => {
-      if (file.size > maxFileSize) {
-        return;
-      }
-      const isAccepted = acceptedFileTypes.some((type) => {
-        if (type.endsWith("/*")) {
-          return file.type.startsWith(type.slice(0, -1));
-        }
-        return file.type === type;
-      });
-      if (!isAccepted) {
-        return;
-      }
-      const fileUrl = URL.createObjectURL(file);
-      newFiles.push({
-        type: "file",
-        filename: file.name,
-        mediaType: file.type,
-        url: fileUrl
-      });
-    });
-    setAttachedFiles((prev) => [...prev, ...newFiles]);
-  }, [maxFileSize, acceptedFileTypes]);
-  const removeFile = useCallback((index) => {
-    setAttachedFiles((prev) => {
-      const newFiles = prev.slice();
-      URL.revokeObjectURL(newFiles[index].url);
-      newFiles.splice(index, 1);
-      return newFiles;
-    });
-  }, []);
-  const handleKeyPress = useCallback((e) => {
-    if (e.key === "Enter" && !e.shiftKey) {
-      e.preventDefault();
-      handleFormSubmit(e);
-    }
-  }, [handleFormSubmit]);
-  const isLoading = status === "streaming" || status === "submitted";
-  const canSend = !isLoading && (input.trim() || attachedFiles.length > 0);
-  return /* @__PURE__ */ jsxs5(
-    Box2,
-    {
-      style: {
-        height: "100%",
-        width: "100%",
-        display: "flex",
-        flexDirection: "column",
-        position: "relative",
-        zIndex: "auto",
-        minHeight: 0,
-        overflow: "hidden",
-        background: `
-          radial-gradient(
-            circle at 85% 85%,
-            rgba(34, 139, 230, 0.18) 0%,
-            rgba(34, 139, 230, 0.09) 25%,
-            rgba(34, 139, 230, 0.03) 50%,
-            rgba(255, 255, 255, 1) 75%
-          )
-        `
-      },
-      children: [
-        showHeader && /* @__PURE__ */ jsx5(
-          Paper2,
-          {
-            p: "lg",
-            bg: "white",
-            radius: 0,
-            style: {
-              position: "sticky",
-              top: 0,
-              zIndex: 100
-            },
-            children: /* @__PURE__ */ jsxs5(Group2, { justify: "space-between", align: "center", style: { width: "100%" }, children: [
-              /* @__PURE__ */ jsxs5(Group2, { gap: "md", style: { flex: 1 }, children: [
-                /* @__PURE__ */ jsx5(
-                  Box2,
-                  {
-                    style: {
-                      width: "40px",
-                      height: "40px",
-                      borderRadius: "8px",
-                      display: "flex",
-                      alignItems: "center",
-                      justifyContent: "center",
-                      boxShadow: "0 2px 8px rgba(25, 118, 210, 0.3)"
-                    },
-                    children: /* @__PURE__ */ jsx5(SparklesIcon, { size: 24, color: "#1976d2" })
-                  }
-                ),
-                /* @__PURE__ */ jsxs5("div", { children: [
-                  /* @__PURE__ */ jsx5(Title, { order: 4, c: "var(--mantine-color-gray-9)", mb: 2, children: title }),
-                  /* @__PURE__ */ jsxs5(Group2, { gap: "xs", align: "center", children: [
-                    /* @__PURE__ */ jsx5(
-                      Badge2,
-                      {
-                        size: "xs",
-                        color: error ? "red" : "green",
-                        variant: "light",
-                        leftSection: /* @__PURE__ */ jsx5(Box2, { w: 6, h: 6, bg: error ? "red" : "green", style: { borderRadius: "50%" } }),
-                        children: error ? "Offline" : "Online"
-                      }
-                    ),
-                    description && /* @__PURE__ */ jsx5(Text2, { size: "xs", c: "var(--mantine-color-gray-6)", children: description })
-                  ] })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsx5(
-                ActionIcon,
-                {
-                  variant: "subtle",
-                  color: "gray",
-                  size: "lg",
-                  onClick: () => onOpenChange?.(false),
-                  "aria-label": "\u5173\u95ED\u5BF9\u8BDD\u6846",
-                  style: { flexShrink: 0 },
-                  children: /* @__PURE__ */ jsx5(X, { size: 18 })
-                }
-              )
-            ] })
-          }
-        ),
-        /* @__PURE__ */ jsx5(ScrollArea, { style: { flex: 1 }, p: "xl", children: /* @__PURE__ */ jsxs5(Stack2, { gap: "md", maw: "none", w: "100%", children: [
-          /* @__PURE__ */ jsx5(AnimatePresence, { mode: "popLayout", children: messages.map((message, index) => /* @__PURE__ */ jsx5(
-            motion.div,
-            {
-              initial: { opacity: 0, y: 20 },
-              animate: { opacity: 1, y: 0 },
-              exit: { opacity: 0, y: -20 },
-              transition: { duration: 0.3, delay: index * 0.1 },
-              children: messageRenderer ? React.createElement(messageRenderer, { message }) : /* @__PURE__ */ jsx5(
-                MessageBubble,
-                {
-                  message,
-                  showAvatar: true,
-                  showTimestamp: true,
-                  enableReasoning,
-                  enableGenerativeUI,
-                  showReasoningByDefault
-                }
-              )
-            },
-            message.id
-          )) }),
-          isLoading && /* @__PURE__ */ jsx5(
-            motion.div,
-            {
-              initial: { opacity: 0 },
-              animate: { opacity: 1 },
-              children: /* @__PURE__ */ jsxs5(Group2, { gap: "sm", justify: "space-between", children: [
-                /* @__PURE__ */ jsxs5(Group2, { gap: "sm", children: [
-                  /* @__PURE__ */ jsxs5(Group2, { gap: "xs", children: [
-                    /* @__PURE__ */ jsx5(Box2, { w: 8, h: 8, bg: "gray.4", style: { borderRadius: "50%", animation: "bounce 1s infinite" } }),
-                    /* @__PURE__ */ jsx5(Box2, { w: 8, h: 8, bg: "gray.4", style: { borderRadius: "50%", animation: "bounce 1s infinite 0.1s" } }),
-                    /* @__PURE__ */ jsx5(Box2, { w: 8, h: 8, bg: "gray.4", style: { borderRadius: "50%", animation: "bounce 1s infinite 0.2s" } })
-                  ] }),
-                  /* @__PURE__ */ jsx5(Text2, { size: "sm", ...getThemedTextProps("muted"), children: "AI is thinking..." })
-                ] }),
-                /* @__PURE__ */ jsx5(
-                  ActionIcon,
-                  {
-                    variant: "subtle",
-                    color: "red",
-                    onClick: stop,
-                    size: "sm",
-                    children: /* @__PURE__ */ jsx5(Square, { size: 16 })
-                  }
-                )
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx5("div", { ref: messagesEndRef })
-        ] }) }),
-        error && /* @__PURE__ */ jsx5(
-          motion.div,
-          {
-            initial: { opacity: 0, height: 0 },
-            animate: { opacity: 1, height: "auto" },
-            style: { margin: "1rem" },
-            children: /* @__PURE__ */ jsx5(
-              Paper2,
-              {
-                p: "md",
-                style: {
-                  backgroundColor: componentStyles.status.error.background,
-                  borderLeft: `4px solid ${componentStyles.status.error.border}`
-                },
-                children: /* @__PURE__ */ jsxs5(Group2, { align: "flex-start", gap: "sm", children: [
-                  /* @__PURE__ */ jsx5(AlertCircle, { size: 20, color: componentStyles.status.error.text }),
-                  /* @__PURE__ */ jsxs5(Box2, { style: { flex: 1 }, children: [
-                    /* @__PURE__ */ jsx5(Text2, { size: "sm", fw: 500, c: componentStyles.status.error.text, children: "Connection Error" }),
-                    /* @__PURE__ */ jsx5(Text2, { size: "sm", c: componentStyles.status.error.text, mt: "xs", children: error.message }),
-                    /* @__PURE__ */ jsxs5(Group2, { gap: "sm", mt: "md", children: [
-                      /* @__PURE__ */ jsx5(
-                        Button,
-                        {
-                          size: "xs",
-                          variant: "light",
-                          color: "red",
-                          onClick: () => clearError(),
-                          children: "Dismiss"
-                        }
-                      ),
-                      /* @__PURE__ */ jsx5(
-                        Button,
-                        {
-                          size: "xs",
-                          variant: "light",
-                          color: "blue",
-                          onClick: () => resumeStream(),
-                          children: "Retry Connection"
-                        }
-                      )
-                    ] })
-                  ] })
-                ] })
-              }
-            )
-          }
-        ),
-        attachedFiles.length > 0 && /* @__PURE__ */ jsxs5(
-          Paper2,
-          {
-            p: "lg",
-            shadow: "xs",
-            style: {
-              borderTop: "1px solid var(--mantine-color-gray-2)",
-              backgroundColor: "var(--mantine-color-gray-0)"
-            },
-            children: [
-              /* @__PURE__ */ jsx5(Text2, { size: "sm", fw: 500, c: "var(--mantine-color-gray-7)", mb: "md", children: "\u{1F4CE} \u9644\u4EF6\u9884\u89C8" }),
-              /* @__PURE__ */ jsx5(Group2, { gap: "md", wrap: "wrap", children: attachedFiles.map((file, index) => /* @__PURE__ */ jsx5(
-                Paper2,
-                {
-                  p: "sm",
-                  shadow: "xs",
-                  withBorder: true,
-                  style: {
-                    maxWidth: "280px",
-                    backgroundColor: "white",
-                    position: "relative"
-                  },
-                  children: /* @__PURE__ */ jsxs5(Group2, { gap: "sm", align: "center", children: [
-                    /* @__PURE__ */ jsx5(
-                      Box2,
-                      {
-                        w: 32,
-                        h: 32,
-                        bg: "var(--mantine-color-blue-light)",
-                        style: {
-                          borderRadius: "6px",
-                          display: "flex",
-                          alignItems: "center",
-                          justifyContent: "center"
-                        },
-                        children: /* @__PURE__ */ jsx5(Paperclip, { size: 16, color: "var(--mantine-color-blue-6)" })
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs5(Box2, { style: { flex: 1, minWidth: 0 }, children: [
-                      /* @__PURE__ */ jsx5(Text2, { size: "sm", fw: 500, truncate: true, c: "var(--mantine-color-gray-8)", children: file.filename }),
-                      /* @__PURE__ */ jsx5(Text2, { size: "xs", c: "var(--mantine-color-gray-6)", children: file.mediaType })
-                    ] }),
-                    /* @__PURE__ */ jsx5(
-                      ActionIcon,
-                      {
-                        variant: "subtle",
-                        color: "red",
-                        size: "sm",
-                        onClick: () => removeFile(index),
-                        style: { flexShrink: 0 },
-                        children: /* @__PURE__ */ jsx5(X, { size: 14 })
-                      }
-                    )
-                  ] })
-                },
-                `${file.filename}-${index}`
-              )) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx5(
-          Paper2,
-          {
-            p: "lg",
-            shadow: "md",
-            style: {
-              borderTop: "1px solid var(--mantine-color-gray-2)",
-              backgroundColor: "white",
-              position: "sticky",
-              bottom: 0,
-              zIndex: 50
-            },
-            children: /* @__PURE__ */ jsx5("form", { onSubmit: handleFormSubmit, children: /* @__PURE__ */ jsxs5(Stack2, { gap: "sm", children: [
-              /* @__PURE__ */ jsxs5(Group2, { align: "center", gap: "md", children: [
-                allowFileUpload && /* @__PURE__ */ jsxs5(Box2, { children: [
-                  /* @__PURE__ */ jsx5(
-                    "input",
-                    {
-                      ref: fileInputRef,
-                      type: "file",
-                      multiple: true,
-                      accept: acceptedFileTypes.join(","),
-                      onChange: handleFileUpload,
-                      style: { display: "none" }
-                    }
-                  ),
-                  /* @__PURE__ */ jsx5(
-                    ActionIcon,
-                    {
-                      variant: "light",
-                      color: "gray",
-                      size: "lg",
-                      onClick: () => fileInputRef.current?.click(),
-                      disabled: isLoading,
-                      style: {
-                        border: "2px solid var(--mantine-color-gray-3)",
-                        backgroundColor: "var(--mantine-color-gray-0)",
-                        transition: "all 0.2s ease"
-                      },
-                      children: /* @__PURE__ */ jsx5(Paperclip, { size: 20 })
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx5(Box2, { style: { flex: 1 }, children: /* @__PURE__ */ jsx5(
-                  Textarea,
-                  {
-                    ref: inputRef,
-                    value: input,
-                    onChange: (e) => setInput(e.target.value),
-                    onKeyDown: handleKeyPress,
-                    placeholder,
-                    disabled: isLoading,
-                    minRows: 1,
-                    maxRows: 4,
-                    autosize: true,
-                    variant: "filled",
-                    styles: {
-                      input: {
-                        backgroundColor: "var(--mantine-color-gray-0)",
-                        border: "2px solid var(--mantine-color-gray-2)",
-                        borderRadius: "12px",
-                        padding: "12px 16px",
-                        fontSize: "14px",
-                        lineHeight: "1.4",
-                        transition: "all 0.2s ease",
-                        "&:focus": {
-                          backgroundColor: "white",
-                          borderColor: "var(--mantine-color-blue-4)",
-                          boxShadow: "0 0 0 3px var(--mantine-color-blue-1)"
-                        },
-                        "&::placeholder": {
-                          color: "var(--mantine-color-gray-5)"
-                        }
-                      }
-                    }
-                  }
-                ) }),
-                /* @__PURE__ */ jsx5(
-                  ActionIcon,
-                  {
-                    type: "submit",
-                    disabled: !canSend,
-                    size: "lg",
-                    variant: "filled",
-                    style: {
-                      background: canSend ? "linear-gradient(45deg, var(--mantine-color-blue-6), var(--mantine-color-blue-5))" : "var(--mantine-color-gray-4)",
-                      color: "white",
-                      border: "none",
-                      borderRadius: "12px",
-                      boxShadow: canSend ? "0 4px 12px var(--mantine-color-blue-2)" : "none",
-                      transform: canSend ? "scale(1)" : "scale(0.95)",
-                      transition: "all 0.2s ease",
-                      cursor: canSend ? "pointer" : "not-allowed",
-                      "&:hover": canSend ? {
-                        transform: "scale(1.05)",
-                        boxShadow: "0 6px 16px var(--mantine-color-blue-3)"
-                      } : {}
-                    },
-                    children: /* @__PURE__ */ jsx5(Send, { size: 20 })
-                  }
-                )
-              ] }),
-              input.length > 0 && /* @__PURE__ */ jsxs5(Group2, { justify: "space-between", align: "center", children: [
-                /* @__PURE__ */ jsx5(Text2, { size: "xs", c: "var(--mantine-color-gray-6)", children: isLoading ? "AI\u6B63\u5728\u56DE\u590D..." : "Enter\u53D1\u9001\uFF0CShift+Enter\u6362\u884C" }),
-                /* @__PURE__ */ jsxs5(Text2, { size: "xs", c: "var(--mantine-color-gray-5)", children: [
-                  input.length,
-                  "/2000"
-                ] })
-              ] })
-            ] }) })
-          }
-        )
-      ]
-    }
-  );
-}
-var init_ChatDialog = __esm({
-  "src/components/ChatDialog/ChatDialog.tsx"() {
-    "use strict";
-    init_useChat();
-    init_MessageBubble();
-    init_theme();
-  }
-});
-
-// src/components/FileViewer/FileViewer.tsx
-import { useMemo, useState as useState2 } from "react";
-import { motion as motion2, AnimatePresence as AnimatePresence2 } from "framer-motion";
-import { Box as Box3, Text as Text3, Modal, Title as Title2, Group as Group3, Stack as Stack3, Paper as Paper3, Badge as Badge3, Image, Button as Button2, ActionIcon as ActionIcon2 } from "@mantine/core";
-import {
-  X as X2,
-  Eye,
-  File,
-  Code,
-  Music,
-  Video,
-  Archive,
-  FileText,
-  Download,
-  AlertTriangle
-} from "lucide-react";
-import { Fragment, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-function FileViewer({
-  file,
-  showDownload = false,
-  showRemove = false,
-  onRemove,
-  className
-}) {
-  const [isPreviewOpen, setIsPreviewOpen] = useState2(false);
-  const [imageLoadError, setImageLoadError] = useState2(false);
-  const [isLoading, setIsLoading] = useState2(false);
-  const fileInfo = useMemo(() => {
-    const extension = file.filename?.split(".").pop()?.toLowerCase() || "";
-    const mediaType = file.mediaType || "";
-    let category = "document";
-    let icon = /* @__PURE__ */ jsx6(File, { className: "w-5 h-5" });
-    let color = "text-gray-600 dark:text-gray-400";
-    let bgColor = "bg-gray-100 dark:bg-gray-800";
-    if (mediaType.startsWith("image/")) {
-      category = "image";
-      icon = /* @__PURE__ */ jsx6(Image, { className: "w-5 h-5" });
-      color = "text-blue-600 dark:text-blue-400";
-      bgColor = "bg-blue-50 dark:bg-blue-900/20";
-    } else if (mediaType.startsWith("text/") || ["txt", "md", "json", "xml", "csv"].includes(extension)) {
-      category = "text";
-      icon = /* @__PURE__ */ jsx6(FileText, { className: "w-5 h-5" });
-      color = "text-green-600 dark:text-green-400";
-      bgColor = "bg-green-50 dark:bg-green-900/20";
-    } else if (["js", "ts", "jsx", "tsx", "py", "java", "cpp", "c", "html", "css", "php"].includes(extension)) {
-      category = "code";
-      icon = /* @__PURE__ */ jsx6(Code, { className: "w-5 h-5" });
-      color = "text-purple-600 dark:text-purple-400";
-      bgColor = "bg-purple-50 dark:bg-purple-900/20";
-    } else if (mediaType.startsWith("audio/")) {
-      category = "audio";
-      icon = /* @__PURE__ */ jsx6(Music, { className: "w-5 h-5" });
-      color = "text-pink-600 dark:text-pink-400";
-      bgColor = "bg-pink-50 dark:bg-pink-900/20";
-    } else if (mediaType.startsWith("video/")) {
-      category = "video";
-      icon = /* @__PURE__ */ jsx6(Video, { className: "w-5 h-5" });
-      color = "text-red-600 dark:text-red-400";
-      bgColor = "bg-red-50 dark:bg-red-900/20";
-    } else if (["zip", "rar", "7z", "tar", "gz"].includes(extension)) {
-      category = "archive";
-      icon = /* @__PURE__ */ jsx6(Archive, { className: "w-5 h-5" });
-      color = "text-orange-600 dark:text-orange-400";
-      bgColor = "bg-orange-50 dark:bg-orange-900/20";
-    }
-    return {
-      extension,
-      category,
-      icon,
-      color,
-      bgColor,
-      canPreview: ["image", "text"].includes(category),
-      size: formatFileSize2(getFileSizeFromUrl(file.url))
-    };
-  }, [file]);
-  function formatFileSize2(bytes) {
-    if (bytes === 0) return "0 B";
-    const k = 1024;
-    const sizes = ["B", "KB", "MB", "GB"];
-    const i = Math.floor(Math.log(bytes) / Math.log(k));
-    return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + " " + sizes[i];
-  }
-  function getFileSizeFromUrl(url) {
-    return 0;
-  }
-  const handleDownload = async () => {
-    try {
-      setIsLoading(true);
-      const response = await fetch(file.url);
-      if (!response.ok) throw new Error("Download failed");
-      const blob = await response.blob();
-      const downloadUrl = URL.createObjectURL(blob);
-      const a = document.createElement("a");
-      a.href = downloadUrl;
-      a.download = file.filename || "download";
-      document.body.appendChild(a);
-      a.click();
-      document.body.removeChild(a);
-      URL.revokeObjectURL(downloadUrl);
-    } catch {
-    } finally {
-      setIsLoading(false);
-    }
-  };
-  const handleRemove = () => {
-    if (onRemove) {
-      onRemove(file);
-    }
-  };
-  const renderPreviewContent = () => {
-    if (fileInfo.category === "image") {
-      return /* @__PURE__ */ jsx6(Box3, { style: { display: "flex", alignItems: "center", justifyContent: "center", maxHeight: "24rem" }, children: /* @__PURE__ */ jsx6(
-        Image,
-        {
-          src: file.url,
-          alt: file.filename,
-          style: { maxWidth: "100%", maxHeight: "100%", objectFit: "contain" },
-          radius: "md",
-          onError: () => setImageLoadError(true)
-        }
-      ) });
-    }
-    if (fileInfo.category === "text") {
-      return /* @__PURE__ */ jsx6(Box3, { style: { maxHeight: "24rem", overflow: "auto" }, children: /* @__PURE__ */ jsx6(
-        "iframe",
-        {
-          src: file.url,
-          style: {
-            width: "100%",
-            height: "20rem",
-            border: `1px solid ${componentStyles.fileViewer.border}`,
-            borderRadius: "0.5rem"
-          },
-          title: file.filename
-        }
-      ) });
-    }
-    return /* @__PURE__ */ jsxs6(Stack3, { align: "center", justify: "center", style: { padding: "2rem" }, children: [
-      /* @__PURE__ */ jsx6(AlertTriangle, { size: 48, color: componentStyles.text.muted }),
-      /* @__PURE__ */ jsx6(Text3, { ...getThemedTextProps("muted"), children: "Preview not available for this file type" }),
-      /* @__PURE__ */ jsx6(Text3, { size: "sm", ...getThemedTextProps("muted"), children: "Click download to view the file" })
-    ] });
-  };
-  return /* @__PURE__ */ jsxs6(Fragment, { children: [
-    /* @__PURE__ */ jsx6(
-      motion2.div,
-      {
-        initial: { opacity: 0, scale: 0.95 },
-        animate: { opacity: 1, scale: 1 },
-        children: /* @__PURE__ */ jsxs6(
-          Paper3,
-          {
-            p: "md",
-            style: {
-              position: "relative",
-              border: `1px solid ${componentStyles.fileViewer.border}`,
-              borderRadius: "0.5rem",
-              backgroundColor: componentStyles.fileViewer.background,
-              boxShadow: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-              transition: "box-shadow 0.2s"
-            },
-            children: [
-              showRemove && /* @__PURE__ */ jsx6(
-                ActionIcon2,
-                {
-                  size: "sm",
-                  color: "red",
-                  variant: "filled",
-                  onClick: handleRemove,
-                  style: {
-                    position: "absolute",
-                    top: "0.25rem",
-                    right: "0.25rem",
-                    opacity: 0.7
-                  },
-                  title: "Remove file",
-                  children: /* @__PURE__ */ jsx6(X2, { size: 12 })
-                }
-              ),
-              /* @__PURE__ */ jsxs6(Group3, { align: "flex-start", gap: "sm", children: [
-                /* @__PURE__ */ jsx6(Box3, { style: { flexShrink: 0 }, children: fileInfo.category === "image" && !imageLoadError ? /* @__PURE__ */ jsx6(
-                  Box3,
-                  {
-                    w: 48,
-                    h: 48,
-                    style: {
-                      borderRadius: "0.25rem",
-                      overflow: "hidden",
-                      backgroundColor: componentStyles.codeBackground
-                    },
-                    children: /* @__PURE__ */ jsx6(
-                      Image,
-                      {
-                        src: file.url,
-                        alt: file.filename,
-                        style: { width: "100%", height: "100%", objectFit: "cover" },
-                        onError: () => setImageLoadError(true)
-                      }
-                    )
-                  }
-                ) : /* @__PURE__ */ jsx6(
-                  Box3,
-                  {
-                    w: 48,
-                    h: 48,
-                    style: {
-                      display: "flex",
-                      alignItems: "center",
-                      justifyContent: "center"
-                    },
-                    children: fileInfo.icon
-                  }
-                ) }),
-                /* @__PURE__ */ jsxs6(Box3, { style: { flex: 1, minWidth: 0 }, children: [
-                  /* @__PURE__ */ jsx6(Text3, { size: "sm", fw: 500, ...getThemedTextProps("primary"), truncate: true, children: file.filename }),
-                  /* @__PURE__ */ jsxs6(Group3, { gap: "xs", mt: "xs", children: [
-                    /* @__PURE__ */ jsx6(Badge3, { size: "xs", variant: "light", color: "gray", children: fileInfo.extension || "Unknown" }),
-                    fileInfo.size !== "0 B" && /* @__PURE__ */ jsx6(Text3, { size: "xs", ...getThemedTextProps("muted"), children: fileInfo.size })
-                  ] }),
-                  file.mediaType && /* @__PURE__ */ jsx6(Text3, { size: "xs", ...getThemedTextProps("muted"), mt: "xs", children: file.mediaType })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxs6(Group3, { justify: "flex-end", gap: "xs", mt: "sm", style: { opacity: 0.7 }, children: [
-                fileInfo.canPreview && /* @__PURE__ */ jsx6(
-                  Button2,
-                  {
-                    variant: "subtle",
-                    size: "xs",
-                    onClick: () => setIsPreviewOpen(true),
-                    leftSection: /* @__PURE__ */ jsx6(Eye, { size: 12 }),
-                    children: "Preview"
-                  }
-                ),
-                showDownload && /* @__PURE__ */ jsx6(
-                  Button2,
-                  {
-                    variant: "subtle",
-                    size: "xs",
-                    onClick: handleDownload,
-                    disabled: isLoading,
-                    leftSection: /* @__PURE__ */ jsx6(Download, { size: 12 }),
-                    children: isLoading ? "Downloading..." : "Download"
-                  }
-                )
-              ] })
-            ]
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx6(AnimatePresence2, { children: isPreviewOpen && /* @__PURE__ */ jsx6(
-      Modal,
-      {
-        opened: isPreviewOpen,
-        onClose: () => setIsPreviewOpen(false),
-        size: "xl",
-        styles: {
-          content: { maxHeight: "90vh" },
-          body: { overflow: "auto" }
-        },
-        children: /* @__PURE__ */ jsxs6(
-          motion2.div,
-          {
-            initial: { opacity: 0, scale: 0.95 },
-            animate: { opacity: 1, scale: 1 },
-            exit: { opacity: 0, scale: 0.95 },
-            transition: { duration: 0.2 },
-            children: [
-              /* @__PURE__ */ jsxs6(Group3, { gap: "sm", mb: "md", children: [
-                /* @__PURE__ */ jsx6(Box3, { children: fileInfo.icon }),
-                /* @__PURE__ */ jsx6(Title2, { order: 3, ...getThemedTextProps("heading"), children: file.filename })
-              ] }),
-              /* @__PURE__ */ jsx6(Box3, { mt: "md", children: renderPreviewContent() }),
-              /* @__PURE__ */ jsx6(Group3, { justify: "flex-end", gap: "sm", mt: "md", pt: "md", style: { borderTop: `1px solid ${componentStyles.fileViewer.border}` }, children: /* @__PURE__ */ jsx6(
-                Button2,
-                {
-                  onClick: handleDownload,
-                  disabled: isLoading,
-                  leftSection: /* @__PURE__ */ jsx6(Download, { size: 16 }),
-                  children: isLoading ? "Downloading..." : "Download"
-                }
-              ) })
-            ]
-          }
-        )
-      }
-    ) })
-  ] });
-}
-var init_FileViewer = __esm({
-  "src/components/FileViewer/FileViewer.tsx"() {
-    "use strict";
-    init_theme();
-  }
-});
-
-// src/components/index.ts
-var components_exports = {};
-__export(components_exports, {
-  ChatDialog: () => ChatDialog,
-  FileViewer: () => FileViewer,
-  MessageBubble: () => MessageBubble
-});
-var init_components = __esm({
-  "src/components/index.ts"() {
-    "use strict";
-    init_ChatDialog();
-    init_FileViewer();
-    init_MessageBubble();
-  }
-});
-
-// src/ui-index.ts
-init_hooks();
-init_components();
-init_PrebuiltComponents();
-init_DynamicUI();
-import {
-  readUIMessageStream,
-  DefaultChatTransport,
-  createUIMessageStream,
-  convertToModelMessages,
-  TextStreamChatTransport,
-  createUIMessageStreamResponse,
-  lastAssistantMessageIsCompleteWithToolCalls
-} from "ai";
-
-// src/utils/index.ts
-function extractMessageText(message) {
-  return message.parts.filter((part) => part.type === "text").map((part) => part.text).join("\n");
-}
-function hasToolCalls(message) {
-  return message.parts.some(
-    (part) => part.type.startsWith("tool-") || part.type === "dynamic-tool"
-  );
-}
-function getToolCalls(message) {
-  return message.parts.filter((part) => part.type.startsWith("tool-") || part.type === "dynamic-tool").map((part) => ({
-    toolName: part.type === "dynamic-tool" ? part.toolName : part.type.replace("tool-", ""),
-    state: part.state || "unknown",
-    input: part.input,
-    output: part.output
-  }));
-}
-function hasFileAttachments(message) {
-  return message.parts.some((part) => part.type === "file");
-}
-function getFileAttachments(message) {
-  return message.parts.filter((part) => part.type === "file").map((part) => part);
-}
-function formatTimestamp(timestamp, options) {
-  if (!timestamp) return "";
-  const date = new Date(timestamp);
-  const { format = "short", includeDate = false } = options || {};
-  switch (format) {
-    case "short":
-      return date.toLocaleTimeString([], {
-        hour: "2-digit",
-        minute: "2-digit",
-        ...includeDate && {
-          month: "short",
-          day: "numeric"
-        }
-      });
-    case "long":
-      return date.toLocaleString();
-    case "relative":
-      return formatRelativeTime(timestamp);
-    default:
-      return date.toLocaleTimeString();
-  }
-}
-function formatRelativeTime(timestamp) {
-  const now = Date.now();
-  const diff = now - timestamp;
-  const minute = 60 * 1e3;
-  const hour = minute * 60;
-  const day = hour * 24;
-  const week = day * 7;
-  const month = day * 30;
-  const year = day * 365;
-  if (diff < minute) {
-    return "Just now";
-  } else if (diff < hour) {
-    const minutes = Math.floor(diff / minute);
-    return `${minutes}m ago`;
-  } else if (diff < day) {
-    const hours = Math.floor(diff / hour);
-    return `${hours}h ago`;
-  } else if (diff < week) {
-    const days = Math.floor(diff / day);
-    return `${days}d ago`;
-  } else if (diff < month) {
-    const weeks = Math.floor(diff / week);
-    return `${weeks}w ago`;
-  } else if (diff < year) {
-    const months = Math.floor(diff / month);
-    return `${months}mo ago`;
-  } else {
-    const years = Math.floor(diff / year);
-    return `${years}y ago`;
-  }
-}
-function formatFileSize(bytes) {
-  if (bytes === 0) return "0 B";
-  const k = 1024;
-  const sizes = ["B", "KB", "MB", "GB", "TB"];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + " " + sizes[i];
-}
-function getFileExtension(filename) {
-  return filename.split(".").pop()?.toLowerCase() || "";
-}
-function isFileTypeAccepted(file, acceptedTypes) {
-  return acceptedTypes.some((type) => {
-    if (type.endsWith("/*")) {
-      return file.type.startsWith(type.slice(0, -1));
-    }
-    return file.type === type;
-  });
-}
-function createFileUrl(file) {
-  return URL.createObjectURL(file);
-}
-function revokeFileUrl(url) {
-  URL.revokeObjectURL(url);
-}
-function truncateText(text, maxLength) {
-  if (text.length <= maxLength) return text;
-  return text.slice(0, maxLength - 3) + "...";
-}
-function highlightSearchTerms(text, searchTerms) {
-  if (!searchTerms.length) return text;
-  let highlightedText = text;
-  searchTerms.forEach((term) => {
-    const regex = new RegExp(`(${term})`, "gi");
-    highlightedText = highlightedText.replace(regex, "<mark>$1</mark>");
-  });
-  return highlightedText;
-}
-function camelToSpaced(str) {
-  return str.replace(/([A-Z])/g, " $1").trim();
-}
-function isValidUrl(string) {
-  try {
-    new URL(string);
-    return true;
-  } catch {
-    return false;
-  }
-}
-function isValidJson(string) {
-  try {
-    JSON.parse(string);
-    return true;
-  } catch {
-    return false;
-  }
-}
-function safeJsonParse(string, fallback) {
-  try {
-    return JSON.parse(string);
-  } catch {
-    return fallback;
-  }
-}
-function cn(...classes) {
-  return classes.filter(Boolean).join(" ");
-}
-async function safeAsync(fn, fallback) {
-  try {
-    const data = await fn();
-    return { data };
-  } catch (error) {
-    return {
-      error: error instanceof Error ? error : new Error(String(error)),
-      ...fallback !== void 0 && { data: fallback }
-    };
-  }
-}
-function createErrorMessage(error) {
-  if (error instanceof Error) {
-    return error.message;
-  }
-  if (typeof error === "string") {
-    return error;
-  }
-  return "An unknown error occurred";
-}
-function debounce(func, delay) {
-  let timeoutId;
-  return function debouncedFunction(...args) {
-    clearTimeout(timeoutId);
-    timeoutId = setTimeout(() => func.apply(this, args), delay);
-  };
-}
-function throttle(func, delay) {
-  let inThrottle;
-  return function throttledFunction(...args) {
-    if (!inThrottle) {
-      func.apply(this, args);
-      inThrottle = true;
-      setTimeout(() => inThrottle = false, delay);
-    }
-  };
-}
-var storage = {
-  get(key, fallback) {
-    if (typeof window === "undefined") return fallback || null;
-    try {
-      const item = localStorage.getItem(key);
-      return item ? JSON.parse(item) : fallback || null;
-    } catch {
-      return fallback || null;
-    }
-  },
-  set(key, value) {
-    if (typeof window === "undefined") return false;
-    try {
-      localStorage.setItem(key, JSON.stringify(value));
-      return true;
-    } catch {
-      return false;
-    }
-  },
-  remove(key) {
-    if (typeof window === "undefined") return false;
-    try {
-      localStorage.removeItem(key);
-      return true;
-    } catch {
-      return false;
-    }
-  },
-  clear() {
-    if (typeof window === "undefined") return false;
-    try {
-      localStorage.clear();
-      return true;
-    } catch {
-      return false;
-    }
-  }
-};
-
-// src/ui-index.ts
-var version = "1.0.0";
-var packageName = "entity-engine-aiui";
-var EntityEngineAIUI = {
-  // Hooks - imported dynamically to avoid server-side issues
-  get useChat() {
-    return (init_hooks(), __toCommonJS(hooks_exports)).useChat;
-  },
-  get useCompletion() {
-    return (init_hooks(), __toCommonJS(hooks_exports)).useCompletion;
-  },
-  get useObject() {
-    return (init_hooks(), __toCommonJS(hooks_exports)).useObject;
-  },
-  // Components - imported dynamically to avoid server-side React imports
-  get ChatDialog() {
-    return (init_components(), __toCommonJS(components_exports)).ChatDialog;
-  },
-  get MessageBubble() {
-    return (init_components(), __toCommonJS(components_exports)).MessageBubble;
-  },
-  get FileViewer() {
-    return (init_components(), __toCommonJS(components_exports)).FileViewer;
-  },
-  // Version info
-  version,
-  packageName
-};
-var ui_index_default = EntityEngineAIUI;
-export {
-  ChatDialog,
-  CodeExecutionComponent,
-  DefaultChatTransport,
-  DynamicEntityDashboardComponent,
-  DynamicEntityFormComponent,
-  DynamicEntityGridComponent,
-  DynamicEntityKanbanComponent,
-  DynamicEntityMastailComponent,
-  DynamicToolRenderer,
-  ENTITY_DYNAMIC_COMPONENTS,
-  FileViewer,
-  LocationComponent,
-  MessageBubble,
-  TextStreamChatTransport,
-  WeatherComponent,
-  camelToSpaced,
-  cn,
-  convertToModelMessages,
-  createErrorMessage,
-  createFileUrl,
-  createUIMessageStream,
-  createUIMessageStreamResponse,
-  debounce,
-  ui_index_default as default,
-  extractMessageText,
-  formatFileSize,
-  formatRelativeTime,
-  formatTimestamp,
-  getFileAttachments,
-  getFileExtension,
-  getToolCalls,
-  hasFileAttachments,
-  hasToolCalls,
-  highlightSearchTerms,
-  isFileTypeAccepted,
-  isValidJson,
-  isValidUrl,
-  lastAssistantMessageIsCompleteWithToolCalls,
-  packageName,
-  readUIMessageStream,
-  revokeFileUrl,
-  safeAsync,
-  safeJsonParse,
-  storage,
-  throttle,
-  truncateText,
-  useChat,
-  useCompletion,
-  useObject,
-  version
-};
-//# sourceMappingURL=ui-index.mjs.map