@pitcher/canvas-ui 2025.12.11-125833 → 2025.12.11-143850

package/canvas-ui.css

@@ -551,13 +551,13 @@ swiper-container::part(pagination) {
   line-height: 20px;
   letter-spacing: 0.25px;
   color: var(--ad430d74);
-}[data-v-8069f2b2] .ais-SearchBox {
+}[data-v-338ca99c] .ais-SearchBox {
   margin: 0;
 }
-[data-v-8069f2b2] .ais-SearchBox-submit,[data-v-8069f2b2] .ais-SearchBox-reset {
+[data-v-338ca99c] .ais-SearchBox-submit,[data-v-338ca99c] .ais-SearchBox-reset {
   display: none;
 }
-.admin-search[data-v-8069f2b2] .ais-SearchBox-reset {
+.admin-search[data-v-338ca99c] .ais-SearchBox-reset {
   display: block !important;
   position: absolute !important;
   right: 12px !important;
@@ -571,17 +571,17 @@ swiper-container::part(pagination) {
   font-size: 16px !important;
   z-index: 10 !important;
 }
-.admin-search[data-v-8069f2b2] .ais-SearchBox-reset:hover {
+.admin-search[data-v-338ca99c] .ais-SearchBox-reset:hover {
   color: var(--p-text2) !important;
 }
-.admin-search[data-v-8069f2b2] .ais-SearchBox-reset:focus {
+.admin-search[data-v-338ca99c] .ais-SearchBox-reset:focus {
   outline: none !important;
   color: var(--p-primary) !important;
 }
-.admin-search[data-v-8069f2b2] .ais-SearchBox-input {
+.admin-search[data-v-338ca99c] .ais-SearchBox-input {
   padding-right: 40px !important;
 }
-[data-v-8069f2b2] .ais-SearchBox-input {
+[data-v-338ca99c] .ais-SearchBox-input {
   width: 100%;
   padding: 12px 16px 12px 40px;
   border: 1px solid var(--p-primary4);
@@ -590,39 +590,39 @@ swiper-container::part(pagination) {
   background-color: var(--p-base);
   transition: border-color 0.2s ease;
 }
-[data-v-8069f2b2] .ais-SearchBox-input:focus {
+[data-v-338ca99c] .ais-SearchBox-input:focus {
   outline: none;
   border-color: var(--p-primary);
   box-shadow: 0 0 0 3px var(--p-primary5);
 }
-[data-v-8069f2b2] .ais-SearchBox-input::placeholder {
+[data-v-338ca99c] .ais-SearchBox-input::placeholder {
   color: var(--p-text3);
   font-size: 14px;
 }
-.overflow-y-auto[data-v-8069f2b2] {
+.overflow-y-auto[data-v-338ca99c] {
   scrollbar-width: thin;
   scrollbar-color: var(--p-border2) var(--p-surface2);
 }
-.overflow-y-auto[data-v-8069f2b2]::-webkit-scrollbar {
+.overflow-y-auto[data-v-338ca99c]::-webkit-scrollbar {
   width: 6px;
 }
-.overflow-y-auto[data-v-8069f2b2]::-webkit-scrollbar-track {
+.overflow-y-auto[data-v-338ca99c]::-webkit-scrollbar-track {
   background: var(--p-surface2);
 }
-.overflow-y-auto[data-v-8069f2b2]::-webkit-scrollbar-thumb {
+.overflow-y-auto[data-v-338ca99c]::-webkit-scrollbar-thumb {
   background-color: var(--p-border2);
   border-radius: 3px;
 }
-.overflow-y-auto[data-v-8069f2b2]::-webkit-scrollbar-thumb:hover {
+.overflow-y-auto[data-v-338ca99c]::-webkit-scrollbar-thumb:hover {
   background-color: var(--p-text3);
 }
-button[data-v-8069f2b2]:hover {
+button[data-v-338ca99c]:hover {
   transition: all 0.2s ease;
 }
-button[data-v-8069f2b2]:focus {
+button[data-v-338ca99c]:focus {
   outline: none;
 }
-[data-v-8069f2b2] mark,[data-v-8069f2b2] em {
+[data-v-338ca99c] mark,[data-v-338ca99c] em {
   font-weight: bold;
   font-style: normal;
 }

package/canvas-ui.js

@@ -95229,14 +95229,20 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
       if (!searchQuery.value || searchQuery.value.trim() === "/") {
         return "";
       }
-      if (!item._snippetResult?.searchable_content?.value) {
-        return "";
-      }
+      const highlightValue = item._highlightResult?.searchable_content?.value;
+      if (!highlightValue) return "";
       const nameMatched = item._highlightResult?.name?.matchLevel && item._highlightResult.name.matchLevel !== "none";
       if (nameMatched) {
         return "";
       }
-      return sanitizeHtml(item._snippetResult.searchable_content.value);
+      const emIndex = highlightValue.indexOf("<em>");
+      if (emIndex === -1) return "";
+      const startChar = Math.max(0, emIndex - 100);
+      const endChar = Math.min(highlightValue.length, emIndex + 100);
+      let truncated = highlightValue.substring(startChar, endChar);
+      if (startChar > 0) truncated = "..." + truncated;
+      if (endChar < highlightValue.length) truncated = truncated + "...";
+      return sanitizeHtml(truncated);
     };
     const toggleCanvasFilter = (filterType) => {
       if (selectedCanvasFilters.value.includes(filterType)) {
@@ -96037,7 +96043,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
   }
 });
 
-const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5K, [["__scopeId", "data-v-8069f2b2"]]);
+const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5K, [["__scopeId", "data-v-338ca99c"]]);
 
 const BulletListExtended = BulletList.extend({
   addOptions() {