@hef2024/llmasaservice-ui 0.24.2 → 0.24.3

package/dist/index.css

@@ -3751,12 +3751,6 @@ button[data-pending=true]::after {
   color: var(--ai-sidebar-text-muted, #9ca3af);
   flex-shrink: 0;
 }
-.ai-chat-context-popover__section-format {
-  font-size: 10px;
-  color: var(--ai-sidebar-text-muted, #9ca3af);
-  letter-spacing: 0.04em;
-  flex-shrink: 0;
-}
 .ai-chat-context-popover__expand-btn {
   display: flex;
   align-items: center;
@@ -3928,25 +3922,6 @@ button[data-pending=true]::after {
   max-height: 400px;
   overflow-y: auto;
 }
-.ai-chat-context-popover__detail-view-toggle {
-  display: flex;
-  gap: 8px;
-  padding: 8px 12px 0;
-}
-.ai-chat-context-popover__detail-view-button {
-  border: 1px solid var(--ai-chat-input-border, #d1d5db);
-  background: transparent;
-  color: var(--ai-sidebar-text-muted, #6b7280);
-  border-radius: 999px;
-  font-size: 11px;
-  line-height: 1;
-  padding: 4px 10px;
-  cursor: pointer;
-}
-.ai-chat-context-popover__detail-view-button.active {
-  color: var(--ai-button-primary-bg, #2563eb);
-  border-color: var(--ai-button-primary-bg, #2563eb);
-}
 .dark-theme .ai-chat-context-pill {
   background: var(--ai-chat-suggestion-bg, #374151);
 }

package/dist/index.js

@@ -3855,9 +3855,6 @@ var ChatInput = import_react14.default.memo(({
   const hasRawData2 = (section) => {
     return typeof section.rawData === "string";
   };
-  const hasStructuredData = (section) => {
-    return typeof section.data === "object" && section.data !== null;
-  };
   const estimateSectionTokens2 = (section) => {
     var _a;
     if (typeof section.tokens === "number") {
@@ -3868,32 +3865,6 @@ var ChatInput = import_react14.default.memo(({
     }
     return Math.ceil(JSON.stringify((_a = section.data) != null ? _a : {}).length / 4);
   };
-  const detectFormat = (section) => {
-    if (section.format) {
-      return section.format;
-    }
-    if (!hasRawData2(section)) {
-      return "json";
-    }
-    const raw = section.rawData.trim();
-    if (raw.startsWith("{") || raw.startsWith("[")) return "json";
-    if (raw.includes("# ") || raw.includes("```")) return "markdown";
-    return "text";
-  };
-  const formatBadge = (format) => {
-    if (format === "toon") return "TOON";
-    if (format === "markdown") return "MD";
-    if (format === "text") return "TEXT";
-    return "JSON";
-  };
-  const [detailViewModeBySection, setDetailViewModeBySection] = (0, import_react14.useState)({});
-  const getVisibleDetailMode = (section) => {
-    var _a;
-    if (hasRawData2(section)) {
-      return (_a = detailViewModeBySection[section.id]) != null ? _a : "raw";
-    }
-    return "structured";
-  };
   const getStructuredContent = (section) => {
     var _a;
     return JSON.stringify((_a = section.data) != null ? _a : {}, null, 2);
@@ -3999,7 +3970,6 @@ var ChatInput = import_react14.default.memo(({
         },
         /* @__PURE__ */ import_react14.default.createElement("span", { className: "ai-chat-context-popover__section-icon" }, "\u{1F4C4}"),
         /* @__PURE__ */ import_react14.default.createElement("span", { className: "ai-chat-context-popover__section-title" }, section.title),
-        /* @__PURE__ */ import_react14.default.createElement("span", { className: "ai-chat-context-popover__section-format" }, formatBadge(detectFormat(section))),
         /* @__PURE__ */ import_react14.default.createElement("span", { className: "ai-chat-context-popover__section-tokens" }, estimateSectionTokens2(section))
       ))), enableContextDetailView && /* @__PURE__ */ import_react14.default.createElement(
         "button",
@@ -4043,8 +4013,6 @@ var ChatInput = import_react14.default.memo(({
         }
       ))), /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-chat-context-popover__detail-sections" }, contextSections.map((section) => {
         const isRawSection = hasRawData2(section);
-        const hasBothViews = isRawSection && hasStructuredData(section);
-        const visibleMode = getVisibleDetailMode(section);
         const isEnabled = !disabledSectionIds.has(section.id);
         return /* @__PURE__ */ import_react14.default.createElement(
           "details",
@@ -4075,33 +4043,8 @@ var ChatInput = import_react14.default.memo(({
               }
             ),
             /* @__PURE__ */ import_react14.default.createElement("span", { className: "ai-chat-context-toggle__slider" })
-          )), /* @__PURE__ */ import_react14.default.createElement("span", { className: "ai-chat-context-popover__detail-section-meta" }, /* @__PURE__ */ import_react14.default.createElement("code", null, `{{${section.id}}}`), /* @__PURE__ */ import_react14.default.createElement("span", null, formatBadge(detectFormat(section))), /* @__PURE__ */ import_react14.default.createElement("span", null, "~", estimateSectionTokens2(section)))),
-          hasBothViews && /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-chat-context-popover__detail-view-toggle" }, /* @__PURE__ */ import_react14.default.createElement(
-            "button",
-            {
-              type: "button",
-              className: `ai-chat-context-popover__detail-view-button ${visibleMode === "raw" ? "active" : ""}`,
-              onClick: (e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                setDetailViewModeBySection((prev) => __spreadProps(__spreadValues({}, prev), { [section.id]: "raw" }));
-              }
-            },
-            "Raw"
-          ), /* @__PURE__ */ import_react14.default.createElement(
-            "button",
-            {
-              type: "button",
-              className: `ai-chat-context-popover__detail-view-button ${visibleMode === "structured" ? "active" : ""}`,
-              onClick: (e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                setDetailViewModeBySection((prev) => __spreadProps(__spreadValues({}, prev), { [section.id]: "structured" }));
-              }
-            },
-            "Structured"
-          )),
-          /* @__PURE__ */ import_react14.default.createElement("pre", { className: "ai-chat-context-popover__detail-content" }, /* @__PURE__ */ import_react14.default.createElement("code", null, visibleMode === "raw" && isRawSection ? section.rawData : getStructuredContent(section)))
+          )), /* @__PURE__ */ import_react14.default.createElement("span", { className: "ai-chat-context-popover__detail-section-meta" }, /* @__PURE__ */ import_react14.default.createElement("code", null, `{{${section.id}}}`), /* @__PURE__ */ import_react14.default.createElement("span", null, "~", estimateSectionTokens2(section)))),
+          /* @__PURE__ */ import_react14.default.createElement("pre", { className: "ai-chat-context-popover__detail-content" }, /* @__PURE__ */ import_react14.default.createElement("code", null, isRawSection ? section.rawData : getStructuredContent(section)))
         );
       })))
     )), /* @__PURE__ */ import_react14.default.createElement(

package/dist/index.mjs

@@ -3820,9 +3820,6 @@ var ChatInput = React14.memo(({
   const hasRawData2 = (section) => {
     return typeof section.rawData === "string";
   };
-  const hasStructuredData = (section) => {
-    return typeof section.data === "object" && section.data !== null;
-  };
   const estimateSectionTokens2 = (section) => {
     var _a;
     if (typeof section.tokens === "number") {
@@ -3833,32 +3830,6 @@ var ChatInput = React14.memo(({
     }
     return Math.ceil(JSON.stringify((_a = section.data) != null ? _a : {}).length / 4);
   };
-  const detectFormat = (section) => {
-    if (section.format) {
-      return section.format;
-    }
-    if (!hasRawData2(section)) {
-      return "json";
-    }
-    const raw = section.rawData.trim();
-    if (raw.startsWith("{") || raw.startsWith("[")) return "json";
-    if (raw.includes("# ") || raw.includes("```")) return "markdown";
-    return "text";
-  };
-  const formatBadge = (format) => {
-    if (format === "toon") return "TOON";
-    if (format === "markdown") return "MD";
-    if (format === "text") return "TEXT";
-    return "JSON";
-  };
-  const [detailViewModeBySection, setDetailViewModeBySection] = useState7({});
-  const getVisibleDetailMode = (section) => {
-    var _a;
-    if (hasRawData2(section)) {
-      return (_a = detailViewModeBySection[section.id]) != null ? _a : "raw";
-    }
-    return "structured";
-  };
   const getStructuredContent = (section) => {
     var _a;
     return JSON.stringify((_a = section.data) != null ? _a : {}, null, 2);
@@ -3964,7 +3935,6 @@ var ChatInput = React14.memo(({
         },
         /* @__PURE__ */ React14.createElement("span", { className: "ai-chat-context-popover__section-icon" }, "\u{1F4C4}"),
         /* @__PURE__ */ React14.createElement("span", { className: "ai-chat-context-popover__section-title" }, section.title),
-        /* @__PURE__ */ React14.createElement("span", { className: "ai-chat-context-popover__section-format" }, formatBadge(detectFormat(section))),
         /* @__PURE__ */ React14.createElement("span", { className: "ai-chat-context-popover__section-tokens" }, estimateSectionTokens2(section))
       ))), enableContextDetailView && /* @__PURE__ */ React14.createElement(
         "button",
@@ -4008,8 +3978,6 @@ var ChatInput = React14.memo(({
         }
       ))), /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-context-popover__detail-sections" }, contextSections.map((section) => {
         const isRawSection = hasRawData2(section);
-        const hasBothViews = isRawSection && hasStructuredData(section);
-        const visibleMode = getVisibleDetailMode(section);
         const isEnabled = !disabledSectionIds.has(section.id);
         return /* @__PURE__ */ React14.createElement(
           "details",
@@ -4040,33 +4008,8 @@ var ChatInput = React14.memo(({
               }
             ),
             /* @__PURE__ */ React14.createElement("span", { className: "ai-chat-context-toggle__slider" })
-          )), /* @__PURE__ */ React14.createElement("span", { className: "ai-chat-context-popover__detail-section-meta" }, /* @__PURE__ */ React14.createElement("code", null, `{{${section.id}}}`), /* @__PURE__ */ React14.createElement("span", null, formatBadge(detectFormat(section))), /* @__PURE__ */ React14.createElement("span", null, "~", estimateSectionTokens2(section)))),
-          hasBothViews && /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-context-popover__detail-view-toggle" }, /* @__PURE__ */ React14.createElement(
-            "button",
-            {
-              type: "button",
-              className: `ai-chat-context-popover__detail-view-button ${visibleMode === "raw" ? "active" : ""}`,
-              onClick: (e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                setDetailViewModeBySection((prev) => __spreadProps(__spreadValues({}, prev), { [section.id]: "raw" }));
-              }
-            },
-            "Raw"
-          ), /* @__PURE__ */ React14.createElement(
-            "button",
-            {
-              type: "button",
-              className: `ai-chat-context-popover__detail-view-button ${visibleMode === "structured" ? "active" : ""}`,
-              onClick: (e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                setDetailViewModeBySection((prev) => __spreadProps(__spreadValues({}, prev), { [section.id]: "structured" }));
-              }
-            },
-            "Structured"
-          )),
-          /* @__PURE__ */ React14.createElement("pre", { className: "ai-chat-context-popover__detail-content" }, /* @__PURE__ */ React14.createElement("code", null, visibleMode === "raw" && isRawSection ? section.rawData : getStructuredContent(section)))
+          )), /* @__PURE__ */ React14.createElement("span", { className: "ai-chat-context-popover__detail-section-meta" }, /* @__PURE__ */ React14.createElement("code", null, `{{${section.id}}}`), /* @__PURE__ */ React14.createElement("span", null, "~", estimateSectionTokens2(section)))),
+          /* @__PURE__ */ React14.createElement("pre", { className: "ai-chat-context-popover__detail-content" }, /* @__PURE__ */ React14.createElement("code", null, isRawSection ? section.rawData : getStructuredContent(section)))
         );
       })))
     )), /* @__PURE__ */ React14.createElement(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hef2024/llmasaservice-ui",
-  "version": "0.24.2",
+  "version": "0.24.3",
   "description": "Prebuilt UI components for LLMAsAService.io",
   "main": "dist/index.js",
   "module": "dist/index.mjs",