@bikdotai/bik-component-library 0.0.850-beta.2 → 0.0.850-beta.4

package/dist/esm/components/agent-listing/AgentListing.js

@@ -1,55 +1,55 @@
-import { jsxs as z, jsx as i, Fragment as U } from "react/jsx-runtime";
+import { jsxs as y, jsx as i, Fragment as W } from "react/jsx-runtime";
 import { useState as L, useCallback as n } from "react";
-import { TablePagination as W } from "../TablePagination/TablePagination.js";
-import { ZeroState as X } from "../zeroState/ZeroState.js";
-import { Page as Y, Body as _, EmptyHolder as ee } from "./AgentListing.styled.js";
-import { AgentListingFilters as te } from "./AgentListingFilters.js";
-import { AgentListingHeader as ne } from "./AgentListingHeader.js";
-import { AgentTable as oe } from "./AgentTable.js";
-import { AgentTableShimmer as ie } from "./AgentTableShimmer.js";
+import { TablePagination as X } from "../TablePagination/TablePagination.js";
+import { Page as Y, Body as Z, EmptyHolder as _ } from "./AgentListing.styled.js";
+import { AgentListingFilters as ee } from "./AgentListingFilters.js";
+import { AgentListingHeader as te } from "./AgentListingHeader.js";
+import { AgentTable as ne } from "./AgentTable.js";
+import { AgentTableShimmer as oe } from "./AgentTableShimmer.js";
+import { AiAgentsEmptyState as ie } from "./AiAgentsEmptyState.js";
 import { DeleteAgentModal as ae } from "./DeleteAgentModal.js";
 import { unwrapDropdownValue as re } from "../dropdown/utils.js";
 const se = ({
-  config: T,
-  onSearchChange: u,
+  config: z,
+  onSearchChange: p,
   onSearchSubmit: l,
   onFilterChange: g,
   onSortChange: d,
-  onNewAgent: f,
+  onNewAgent: u,
   onBrowseTemplates: m,
-  onRunAgent: A,
-  onEditAgent: S,
+  onRunAgent: f,
+  onEditAgent: A,
   onDeleteAgent: r,
   onRowClick: c,
   ...D
 }) => {
   const [a, h] = L(
     null
-  ), [b, C] = L(!1), {
-    agents: w,
+  ), [S, w] = L(!1), {
+    agents: C,
     isLoading: N,
     triggerCountsLoading: R,
     searchValue: v,
-    searchPlaceholder: x = "Search",
-    filterOptions: B,
-    filterPlaceholder: E = "Filters",
-    sortOptions: F,
-    selectedSort: I,
-    title: O = "AI Agents",
+    searchPlaceholder: E = "Search",
+    filterOptions: F,
+    filterPlaceholder: O = "Filters",
+    sortOptions: T,
+    selectedSort: x,
+    title: j = "AI Agents",
     headerActions: k,
     pagination: o,
-    emptyState: p,
-    debugLog: y
-  } = T, j = !N && w.length === 0, t = n(
+    emptyState: B,
+    debugLog: b
+  } = z, H = !N && C.length === 0, t = n(
     (e, ...s) => {
-      y && console.log(`[AgentListing] ${e}`, ...s);
+      b && console.log(`[AgentListing] ${e}`, ...s);
     },
-    [y]
-  ), H = n(
+    [b]
+  ), I = n(
     (e) => {
-      t("onSearchChange", e), u(e);
+      t("onSearchChange", e), p(e);
     },
-    [t, u]
+    [t, p]
   ), M = n(
     (e) => {
       t("onSearchSubmit", e), l?.(e);
@@ -66,90 +66,84 @@ const se = ({
     },
     [t, d]
   ), P = n(() => {
-    t("onNewAgent"), f();
-  }, [t, f]), Z = n(() => {
+    t("onNewAgent"), u();
+  }, [t, u]), $ = n(() => {
     t("onBrowseTemplates"), m?.();
-  }, [t, m]), $ = n(
+  }, [t, m]), G = n(
     (e) => {
-      t("onRunAgent", e.id), A(e);
+      t("onRunAgent", e.id), f(e);
     },
-    [t, A]
-  ), G = n(
+    [t, f]
+  ), J = n(
     (e) => {
-      t("onEditAgent", e.id), S(e);
+      t("onEditAgent", e.id), A(e);
     },
-    [t, S]
-  ), J = n(
+    [t, A]
+  ), K = n(
     (e) => {
       t("onRowClick", e.id), c?.(e);
     },
     [t, c]
-  ), K = n(
+  ), Q = n(
     (e) => {
       t("onDeleteAgent", e.id), h(e);
     },
     [t]
-  ), Q = n(async () => {
+  ), U = n(async () => {
     if (!(!a || !r)) {
-      C(!0);
+      w(!0);
       try {
         await r(a), h(null);
       } finally {
-        C(!1);
+        w(!1);
       }
     }
   }, [a, r]);
-  return /* @__PURE__ */ z(Y, { "data-test": D["data-test"] ?? "agent-listing", children: [
+  return /* @__PURE__ */ y(Y, { "data-test": D["data-test"] ?? "agent-listing", children: [
     /* @__PURE__ */ i(
-      ne,
+      te,
       {
-        title: O,
+        title: j,
         onNewAgent: P,
-        onBrowseTemplates: m ? Z : void 0,
+        onBrowseTemplates: m ? $ : void 0,
         headerActions: k
       }
     ),
     /* @__PURE__ */ i(
-      te,
+      ee,
       {
         searchValue: v,
-        onSearchChange: H,
+        onSearchChange: I,
         onSearchSubmit: l ? M : void 0,
-        searchPlaceholder: x,
-        filterOptions: B,
+        searchPlaceholder: E,
+        filterOptions: F,
         onFilterChange: g ? V : void 0,
-        filterPlaceholder: E,
-        sortOptions: F,
-        selectedSort: I,
+        filterPlaceholder: O,
+        sortOptions: T,
+        selectedSort: x,
         onSortChange: d ? q : void 0
       }
     ),
-    /* @__PURE__ */ i(_, { children: N ? /* @__PURE__ */ i(ie, { rows: Math.min(o?.pageSize ?? 5, 10) }) : j ? /* @__PURE__ */ i(ee, { children: /* @__PURE__ */ i(
-      X,
+    /* @__PURE__ */ i(Z, { children: N ? /* @__PURE__ */ i(oe, { rows: Math.min(o?.pageSize ?? 5, 10) }) : H ? /* @__PURE__ */ i(_, { children: /* @__PURE__ */ i(
+      ie,
       {
-        title: p?.title ?? "No agents yet",
-        subTitle: p?.subTitle ?? "Create your first AI agent to start automating conversations.",
-        actionButton: p?.actionButton ?? {
-          buttonText: "New AI agent",
-          buttonType: "primary",
-          size: "small",
-          onClick: P
-        }
+        emptyState: B,
+        onNewAgent: P
       }
-    ) }) : /* @__PURE__ */ z(U, { children: [
+    ) }) : /* @__PURE__ */ y(W, { children: [
       /* @__PURE__ */ i(
-        oe,
+        ne,
         {
-          agents: w,
+          agents: C,
           triggerCountsLoading: R,
-          onRunAgent: $,
-          onEditAgent: G,
-          onDeleteAgent: r ? K : void 0,
-          onRowClick: c ? J : void 0
+          onRunAgent: G,
+          onEditAgent: J,
+          onDeleteAgent: r ? Q : void 0,
+          onRowClick: c ? K : void 0
         }
       ),
       o && o.totalRows > 0 && /* @__PURE__ */ i(
-        W,
+        X,
         {
           pageNumber: o.pageNumber,
           pageSize: o.pageSize,
@@ -167,9 +161,9 @@ const se = ({
       ae,
       {
         agentName: a.name,
-        isDeleting: b,
-        onClose: () => b ? void 0 : h(null),
-        onConfirm: Q
+        isDeleting: S,
+        onClose: () => S ? void 0 : h(null),
+        onConfirm: U
       }
     )
   ] });

package/dist/esm/components/agent-listing/AgentListing.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgentListing.js","sources":["../../../../src/components/agent-listing/AgentListing.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { unwrapDropdownValue } from '@src/components/dropdown';\nimport { DropdownOption } from '@src/components/dropdown/type';\nimport { TablePagination } from '@src/components/TablePagination/TablePagination';\nimport { ZeroState } from '@src/components/zeroState/ZeroState';\nimport { AgentListingProps, AgentListItem } from './AgentListing.model';\nimport { Body, EmptyHolder, Page } from './AgentListing.styled';\nimport { AgentListingFilters } from './AgentListingFilters';\nimport { AgentListingHeader } from './AgentListingHeader';\nimport { AgentTable } from './AgentTable';\nimport { AgentTableShimmer } from './AgentTableShimmer';\nimport { DeleteAgentModal } from './DeleteAgentModal';\n\n/**\n * Full body of the \"AI Agents\" listing screen (header + filters + table).\n * Presentational and fully controlled — the consumer owns data, search, sort,\n * pagination and routing. Render it inside your app shell (next to the sidebar).\n *\n * @example\n * <AgentListing\n *   agents={rows}\n *   searchValue={search}\n *   onSearchChange={setSearch}\n *   onNewAgent={() => router.push('/agents/new')}\n *   onRunAgent={runAgent}\n *   onEditAgent={(a) => router.push(`/agents/${a.id}`)}\n * />\n */\nexport const AgentListing: React.FC<AgentListingProps> = ({\n\tconfig,\n\tonSearchChange,\n\tonSearchSubmit,\n\tonFilterChange,\n\tonSortChange,\n\tonNewAgent,\n\tonBrowseTemplates,\n\tonRunAgent,\n\tonEditAgent,\n\tonDeleteAgent,\n\tonRowClick,\n\t...rest\n}) => {\n\t// Agent pending delete-confirmation (null = dialog closed).\n\tconst [pendingDelete, setPendingDelete] = useState<AgentListItem | null>(\n\t\tnull,\n\t);\n\tconst [isDeleting, setIsDeleting] = useState(false);\n\tconst {\n\t\tagents,\n\t\tisLoading,\n\t\ttriggerCountsLoading,\n\t\tsearchValue,\n\t\tsearchPlaceholder = 'Search',\n\t\tfilterOptions,\n\t\tfilterPlaceholder = 'Filters',\n\t\tsortOptions,\n\t\tselectedSort,\n\t\ttitle = 'AI Agents',\n\t\theaderActions,\n\t\tpagination,\n\t\temptyState,\n\t\tdebugLog,\n\t} = config;\n\n\tconst showEmpty = !isLoading && agents.length === 0;\n\n\t// Gated debug logging: each handler logs at its start only when `debugLog`.\n\tconst logAction = useCallback(\n\t\t(action: string, ...args: unknown[]) => {\n\t\t\tif (debugLog) {\n\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\tconsole.log(`[AgentListing] ${action}`, ...args);\n\t\t\t}\n\t\t},\n\t\t[debugLog],\n\t);\n\n\tconst handleSearchChange = useCallback(\n\t\t(v: string) => {\n\t\t\tlogAction('onSearchChange', v);\n\t\t\tonSearchChange(v);\n\t\t},\n\t\t[logAction, onSearchChange],\n\t);\n\tconst handleSearchSubmit = useCallback(\n\t\t(v: string) => {\n\t\t\tlogAction('onSearchSubmit', v);\n\t\t\tonSearchSubmit?.(v);\n\t\t},\n\t\t[logAction, onSearchSubmit],\n\t);\n\tconst handleFilterChange = useCallback(\n\t\t(selected: DropdownOption | DropdownOption[]) => {\n\t\t\tlogAction('onFilterChange', selected);\n\t\t\tonFilterChange?.(selected);\n\t\t},\n\t\t[logAction, onFilterChange],\n\t);\n\tconst handleSortChange = useCallback(\n\t\t(v: string) => {\n\t\t\tlogAction('onSortChange', v);\n\t\t\tonSortChange?.(v);\n\t\t},\n\t\t[logAction, onSortChange],\n\t);\n\tconst handleNewAgent = useCallback(() => {\n\t\tlogAction('onNewAgent');\n\t\tonNewAgent();\n\t}, [logAction, onNewAgent]);\n\tconst handleBrowseTemplates = useCallback(() => {\n\t\tlogAction('onBrowseTemplates');\n\t\tonBrowseTemplates?.();\n\t}, [logAction, onBrowseTemplates]);\n\tconst handleRunAgent = useCallback(\n\t\t(agent: AgentListItem) => {\n\t\t\tlogAction('onRunAgent', agent.id);\n\t\t\tonRunAgent(agent);\n\t\t},\n\t\t[logAction, onRunAgent],\n\t);\n\tconst handleEditAgent = useCallback(\n\t\t(agent: AgentListItem) => {\n\t\t\tlogAction('onEditAgent', agent.id);\n\t\t\tonEditAgent(agent);\n\t\t},\n\t\t[logAction, onEditAgent],\n\t);\n\tconst handleRowClick = useCallback(\n\t\t(agent: AgentListItem) => {\n\t\t\tlogAction('onRowClick', agent.id);\n\t\t\tonRowClick?.(agent);\n\t\t},\n\t\t[logAction, onRowClick],\n\t);\n\t// Row delete just opens the confirm dialog; the actual delete runs on confirm.\n\tconst handleDeleteRequest = useCallback(\n\t\t(agent: AgentListItem) => {\n\t\t\tlogAction('onDeleteAgent', agent.id);\n\t\t\tsetPendingDelete(agent);\n\t\t},\n\t\t[logAction],\n\t);\n\tconst handleConfirmDelete = useCallback(async () => {\n\t\tif (!pendingDelete || !onDeleteAgent) {\n\t\t\treturn;\n\t\t}\n\t\tsetIsDeleting(true);\n\t\ttry {\n\t\t\tawait onDeleteAgent(pendingDelete);\n\t\t\tsetPendingDelete(null);\n\t\t} finally {\n\t\t\tsetIsDeleting(false);\n\t\t}\n\t}, [pendingDelete, onDeleteAgent]);\n\n\treturn (\n\t\t<Page data-test={rest['data-test'] ?? 'agent-listing'}>\n\t\t\t<AgentListingHeader\n\t\t\t\ttitle={title}\n\t\t\t\tonNewAgent={handleNewAgent}\n\t\t\t\tonBrowseTemplates={\n\t\t\t\t\tonBrowseTemplates ? handleBrowseTemplates : undefined\n\t\t\t\t}\n\t\t\t\theaderActions={headerActions}\n\t\t\t/>\n\n\t\t\t<AgentListingFilters\n\t\t\t\tsearchValue={searchValue}\n\t\t\t\tonSearchChange={handleSearchChange}\n\t\t\t\tonSearchSubmit={onSearchSubmit ? handleSearchSubmit : undefined}\n\t\t\t\tsearchPlaceholder={searchPlaceholder}\n\t\t\t\tfilterOptions={filterOptions}\n\t\t\t\tonFilterChange={onFilterChange ? handleFilterChange : undefined}\n\t\t\t\tfilterPlaceholder={filterPlaceholder}\n\t\t\t\tsortOptions={sortOptions}\n\t\t\t\tselectedSort={selectedSort}\n\t\t\t\tonSortChange={onSortChange ? handleSortChange : undefined}\n\t\t\t/>\n\n\t\t\t<Body>\n\t\t\t\t{isLoading ? (\n\t\t\t\t\t<AgentTableShimmer rows={Math.min(pagination?.pageSize ?? 5, 10)} />\n\t\t\t\t) : showEmpty ? (\n\t\t\t\t\t<EmptyHolder>\n\t\t\t\t\t\t<ZeroState\n\t\t\t\t\t\t\ttitle={emptyState?.title ?? 'No agents yet'}\n\t\t\t\t\t\t\tsubTitle={\n\t\t\t\t\t\t\t\temptyState?.subTitle ??\n\t\t\t\t\t\t\t\t'Create your first AI agent to start automating conversations.'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tactionButton={\n\t\t\t\t\t\t\t\temptyState?.actionButton ?? {\n\t\t\t\t\t\t\t\t\tbuttonText: 'New AI agent',\n\t\t\t\t\t\t\t\t\tbuttonType: 'primary',\n\t\t\t\t\t\t\t\t\tsize: 'small',\n\t\t\t\t\t\t\t\t\tonClick: handleNewAgent,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</EmptyHolder>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<AgentTable\n\t\t\t\t\t\t\tagents={agents}\n\t\t\t\t\t\t\ttriggerCountsLoading={triggerCountsLoading}\n\t\t\t\t\t\t\tonRunAgent={handleRunAgent}\n\t\t\t\t\t\t\tonEditAgent={handleEditAgent}\n\t\t\t\t\t\t\tonDeleteAgent={onDeleteAgent ? handleDeleteRequest : undefined}\n\t\t\t\t\t\t\tonRowClick={onRowClick ? handleRowClick : undefined}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{pagination && pagination.totalRows > 0 && (\n\t\t\t\t\t\t\t<TablePagination\n\t\t\t\t\t\t\t\tpageNumber={pagination.pageNumber}\n\t\t\t\t\t\t\t\tpageSize={pagination.pageSize}\n\t\t\t\t\t\t\t\ttotalRows={pagination.totalRows}\n\t\t\t\t\t\t\t\thidePageSizeOptions={pagination.hidePageSizeOptions}\n\t\t\t\t\t\t\t\tupdatePageNumber={pagination.onPageChange}\n\t\t\t\t\t\t\t\tupdatePageSize={(opt) => {\n\t\t\t\t\t\t\t\t\tconst value = Number(unwrapDropdownValue(opt));\n\t\t\t\t\t\t\t\t\tif (!Number.isNaN(value)) {\n\t\t\t\t\t\t\t\t\t\tpagination.onPageSizeChange(value);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</Body>\n\n\t\t\t{pendingDelete && (\n\t\t\t\t<DeleteAgentModal\n\t\t\t\t\tagentName={pendingDelete.name}\n\t\t\t\t\tisDeleting={isDeleting}\n\t\t\t\t\tonClose={() => (isDeleting ? undefined : setPendingDelete(null))}\n\t\t\t\t\tonConfirm={handleConfirmDelete}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</Page>\n\t);\n};\n\nAgentListing.displayName = 'AgentListing';\n"],"names":["AgentListing","config","onSearchChange","onSearchSubmit","onFilterChange","onSortChange","onNewAgent","onBrowseTemplates","onRunAgent","onEditAgent","onDeleteAgent","onRowClick","rest","pendingDelete","setPendingDelete","useState","isDeleting","setIsDeleting","agents","isLoading","triggerCountsLoading","searchValue","searchPlaceholder","filterOptions","filterPlaceholder","sortOptions","selectedSort","title","headerActions","pagination","emptyState","debugLog","showEmpty","logAction","useCallback","action","args","handleSearchChange","v","handleSearchSubmit","handleFilterChange","selected","handleSortChange","handleNewAgent","handleBrowseTemplates","handleRunAgent","agent","handleEditAgent","handleRowClick","handleDeleteRequest","handleConfirmDelete","Page","jsx","AgentListingHeader","AgentListingFilters","Body","AgentTableShimmer","EmptyHolder","ZeroState","jsxs","Fragment","AgentTable","TablePagination","opt","value","unwrapDropdownValue","DeleteAgentModal"],"mappings":"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"}
+{"version":3,"file":"AgentListing.js","sources":["../../../../src/components/agent-listing/AgentListing.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { unwrapDropdownValue } from '@src/components/dropdown';\nimport { DropdownOption } from '@src/components/dropdown/type';\nimport { TablePagination } from '@src/components/TablePagination/TablePagination';\nimport { AgentListingProps, AgentListItem } from './AgentListing.model';\nimport { Body, EmptyHolder, Page } from './AgentListing.styled';\nimport { AgentListingFilters } from './AgentListingFilters';\nimport { AgentListingHeader } from './AgentListingHeader';\nimport { AgentTable } from './AgentTable';\nimport { AgentTableShimmer } from './AgentTableShimmer';\nimport { AiAgentsEmptyState } from './AiAgentsEmptyState';\nimport { DeleteAgentModal } from './DeleteAgentModal';\n\n/**\n * Full body of the \"AI Agents\" listing screen (header + filters + table).\n * Presentational and fully controlled — the consumer owns data, search, sort,\n * pagination and routing. Render it inside your app shell (next to the sidebar).\n *\n * @example\n * <AgentListing\n *   agents={rows}\n *   searchValue={search}\n *   onSearchChange={setSearch}\n *   onNewAgent={() => router.push('/agents/new')}\n *   onRunAgent={runAgent}\n *   onEditAgent={(a) => router.push(`/agents/${a.id}`)}\n * />\n */\nexport const AgentListing: React.FC<AgentListingProps> = ({\n\tconfig,\n\tonSearchChange,\n\tonSearchSubmit,\n\tonFilterChange,\n\tonSortChange,\n\tonNewAgent,\n\tonBrowseTemplates,\n\tonRunAgent,\n\tonEditAgent,\n\tonDeleteAgent,\n\tonRowClick,\n\t...rest\n}) => {\n\t// Agent pending delete-confirmation (null = dialog closed).\n\tconst [pendingDelete, setPendingDelete] = useState<AgentListItem | null>(\n\t\tnull,\n\t);\n\tconst [isDeleting, setIsDeleting] = useState(false);\n\tconst {\n\t\tagents,\n\t\tisLoading,\n\t\ttriggerCountsLoading,\n\t\tsearchValue,\n\t\tsearchPlaceholder = 'Search',\n\t\tfilterOptions,\n\t\tfilterPlaceholder = 'Filters',\n\t\tsortOptions,\n\t\tselectedSort,\n\t\ttitle = 'AI Agents',\n\t\theaderActions,\n\t\tpagination,\n\t\temptyState,\n\t\tdebugLog,\n\t} = config;\n\n\tconst showEmpty = !isLoading && agents.length === 0;\n\n\t// Gated debug logging: each handler logs at its start only when `debugLog`.\n\tconst logAction = useCallback(\n\t\t(action: string, ...args: unknown[]) => {\n\t\t\tif (debugLog) {\n\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\tconsole.log(`[AgentListing] ${action}`, ...args);\n\t\t\t}\n\t\t},\n\t\t[debugLog],\n\t);\n\n\tconst handleSearchChange = useCallback(\n\t\t(v: string) => {\n\t\t\tlogAction('onSearchChange', v);\n\t\t\tonSearchChange(v);\n\t\t},\n\t\t[logAction, onSearchChange],\n\t);\n\tconst handleSearchSubmit = useCallback(\n\t\t(v: string) => {\n\t\t\tlogAction('onSearchSubmit', v);\n\t\t\tonSearchSubmit?.(v);\n\t\t},\n\t\t[logAction, onSearchSubmit],\n\t);\n\tconst handleFilterChange = useCallback(\n\t\t(selected: DropdownOption | DropdownOption[]) => {\n\t\t\tlogAction('onFilterChange', selected);\n\t\t\tonFilterChange?.(selected);\n\t\t},\n\t\t[logAction, onFilterChange],\n\t);\n\tconst handleSortChange = useCallback(\n\t\t(v: string) => {\n\t\t\tlogAction('onSortChange', v);\n\t\t\tonSortChange?.(v);\n\t\t},\n\t\t[logAction, onSortChange],\n\t);\n\tconst handleNewAgent = useCallback(() => {\n\t\tlogAction('onNewAgent');\n\t\tonNewAgent();\n\t}, [logAction, onNewAgent]);\n\tconst handleBrowseTemplates = useCallback(() => {\n\t\tlogAction('onBrowseTemplates');\n\t\tonBrowseTemplates?.();\n\t}, [logAction, onBrowseTemplates]);\n\tconst handleRunAgent = useCallback(\n\t\t(agent: AgentListItem) => {\n\t\t\tlogAction('onRunAgent', agent.id);\n\t\t\tonRunAgent(agent);\n\t\t},\n\t\t[logAction, onRunAgent],\n\t);\n\tconst handleEditAgent = useCallback(\n\t\t(agent: AgentListItem) => {\n\t\t\tlogAction('onEditAgent', agent.id);\n\t\t\tonEditAgent(agent);\n\t\t},\n\t\t[logAction, onEditAgent],\n\t);\n\tconst handleRowClick = useCallback(\n\t\t(agent: AgentListItem) => {\n\t\t\tlogAction('onRowClick', agent.id);\n\t\t\tonRowClick?.(agent);\n\t\t},\n\t\t[logAction, onRowClick],\n\t);\n\t// Row delete just opens the confirm dialog; the actual delete runs on confirm.\n\tconst handleDeleteRequest = useCallback(\n\t\t(agent: AgentListItem) => {\n\t\t\tlogAction('onDeleteAgent', agent.id);\n\t\t\tsetPendingDelete(agent);\n\t\t},\n\t\t[logAction],\n\t);\n\tconst handleConfirmDelete = useCallback(async () => {\n\t\tif (!pendingDelete || !onDeleteAgent) {\n\t\t\treturn;\n\t\t}\n\t\tsetIsDeleting(true);\n\t\ttry {\n\t\t\tawait onDeleteAgent(pendingDelete);\n\t\t\tsetPendingDelete(null);\n\t\t} finally {\n\t\t\tsetIsDeleting(false);\n\t\t}\n\t}, [pendingDelete, onDeleteAgent]);\n\n\treturn (\n\t\t<Page data-test={rest['data-test'] ?? 'agent-listing'}>\n\t\t\t<AgentListingHeader\n\t\t\t\ttitle={title}\n\t\t\t\tonNewAgent={handleNewAgent}\n\t\t\t\tonBrowseTemplates={\n\t\t\t\t\tonBrowseTemplates ? handleBrowseTemplates : undefined\n\t\t\t\t}\n\t\t\t\theaderActions={headerActions}\n\t\t\t/>\n\n\t\t\t<AgentListingFilters\n\t\t\t\tsearchValue={searchValue}\n\t\t\t\tonSearchChange={handleSearchChange}\n\t\t\t\tonSearchSubmit={onSearchSubmit ? handleSearchSubmit : undefined}\n\t\t\t\tsearchPlaceholder={searchPlaceholder}\n\t\t\t\tfilterOptions={filterOptions}\n\t\t\t\tonFilterChange={onFilterChange ? handleFilterChange : undefined}\n\t\t\t\tfilterPlaceholder={filterPlaceholder}\n\t\t\t\tsortOptions={sortOptions}\n\t\t\t\tselectedSort={selectedSort}\n\t\t\t\tonSortChange={onSortChange ? handleSortChange : undefined}\n\t\t\t/>\n\n\t\t\t<Body>\n\t\t\t\t{isLoading ? (\n\t\t\t\t\t<AgentTableShimmer rows={Math.min(pagination?.pageSize ?? 5, 10)} />\n\t\t\t\t) : showEmpty ? (\n\t\t\t\t\t<EmptyHolder>\n\t\t\t\t\t\t<AiAgentsEmptyState\n\t\t\t\t\t\t\temptyState={emptyState}\n\t\t\t\t\t\t\tonNewAgent={handleNewAgent}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</EmptyHolder>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<AgentTable\n\t\t\t\t\t\t\tagents={agents}\n\t\t\t\t\t\t\ttriggerCountsLoading={triggerCountsLoading}\n\t\t\t\t\t\t\tonRunAgent={handleRunAgent}\n\t\t\t\t\t\t\tonEditAgent={handleEditAgent}\n\t\t\t\t\t\t\tonDeleteAgent={onDeleteAgent ? handleDeleteRequest : undefined}\n\t\t\t\t\t\t\tonRowClick={onRowClick ? handleRowClick : undefined}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{pagination && pagination.totalRows > 0 && (\n\t\t\t\t\t\t\t<TablePagination\n\t\t\t\t\t\t\t\tpageNumber={pagination.pageNumber}\n\t\t\t\t\t\t\t\tpageSize={pagination.pageSize}\n\t\t\t\t\t\t\t\ttotalRows={pagination.totalRows}\n\t\t\t\t\t\t\t\thidePageSizeOptions={pagination.hidePageSizeOptions}\n\t\t\t\t\t\t\t\tupdatePageNumber={pagination.onPageChange}\n\t\t\t\t\t\t\t\tupdatePageSize={(opt) => {\n\t\t\t\t\t\t\t\t\tconst value = Number(unwrapDropdownValue(opt));\n\t\t\t\t\t\t\t\t\tif (!Number.isNaN(value)) {\n\t\t\t\t\t\t\t\t\t\tpagination.onPageSizeChange(value);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</Body>\n\n\t\t\t{pendingDelete && (\n\t\t\t\t<DeleteAgentModal\n\t\t\t\t\tagentName={pendingDelete.name}\n\t\t\t\t\tisDeleting={isDeleting}\n\t\t\t\t\tonClose={() => (isDeleting ? undefined : setPendingDelete(null))}\n\t\t\t\t\tonConfirm={handleConfirmDelete}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</Page>\n\t);\n};\n\nAgentListing.displayName = 'AgentListing';\n"],"names":["AgentListing","config","onSearchChange","onSearchSubmit","onFilterChange","onSortChange","onNewAgent","onBrowseTemplates","onRunAgent","onEditAgent","onDeleteAgent","onRowClick","rest","pendingDelete","setPendingDelete","useState","isDeleting","setIsDeleting","agents","isLoading","triggerCountsLoading","searchValue","searchPlaceholder","filterOptions","filterPlaceholder","sortOptions","selectedSort","title","headerActions","pagination","emptyState","debugLog","showEmpty","logAction","useCallback","action","args","handleSearchChange","v","handleSearchSubmit","handleFilterChange","selected","handleSortChange","handleNewAgent","handleBrowseTemplates","handleRunAgent","agent","handleEditAgent","handleRowClick","handleDeleteRequest","handleConfirmDelete","Page","jsx","AgentListingHeader","AgentListingFilters","Body","AgentTableShimmer","EmptyHolder","AiAgentsEmptyState","jsxs","Fragment","AgentTable","TablePagination","opt","value","unwrapDropdownValue","DeleteAgentModal"],"mappings":"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"}

package/dist/esm/components/agent-listing/AiAgentsEmptyState.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { ButtonProps } from '../button/model';
+export interface AiAgentsEmptyStateProps {
+    /**
+     * Overrides for the default copy / CTA — e.g. the search-miss variant passes
+     * "No results found …". Any omitted field falls back to the "no agents yet"
+     * defaults below.
+     */
+    emptyState?: {
+        title?: string;
+        subTitle?: string;
+        actionButton?: ButtonProps;
+    };
+    /** Runs the default "New AI agent" CTA when no override button is supplied. */
+    onNewAgent: () => void;
+}
+/**
+ * Zero state for the AI Agents listing — shown when there are no agents yet or a
+ * search returns no hits. Renders the shared {@link ZeroState} with AI-agents
+ * defaults; a consumer-supplied `emptyState` overrides any of the copy / CTA.
+ */
+export declare const AiAgentsEmptyState: React.FC<AiAgentsEmptyStateProps>;

package/dist/esm/components/agent-listing/AiAgentsEmptyState.js

@@ -0,0 +1,22 @@
+import { jsx as e } from "react/jsx-runtime";
+import { ZeroState as i } from "../zeroState/ZeroState.js";
+const a = ({
+  emptyState: t,
+  onNewAgent: o
+}) => /* @__PURE__ */ e(
+  i,
+  {
+    title: t?.title ?? "No agents yet",
+    subTitle: t?.subTitle ?? "Create your first AI agent to start automating conversations.",
+    actionButton: t?.actionButton ?? {
+      buttonText: "New AI agent",
+      buttonType: "primary",
+      size: "small",
+      onClick: o
+    }
+  }
+);
+export {
+  a as AiAgentsEmptyState
+};
+//# sourceMappingURL=AiAgentsEmptyState.js.map

package/dist/esm/components/agent-listing/AiAgentsEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiAgentsEmptyState.js","sources":["../../../../src/components/agent-listing/AiAgentsEmptyState.tsx"],"sourcesContent":["import React from 'react';\nimport { ButtonProps } from '@src/components/button/model';\nimport { ZeroState } from '@src/components/zeroState/ZeroState';\n\nexport interface AiAgentsEmptyStateProps {\n\t/**\n\t * Overrides for the default copy / CTA — e.g. the search-miss variant passes\n\t * \"No results found …\". Any omitted field falls back to the \"no agents yet\"\n\t * defaults below.\n\t */\n\temptyState?: {\n\t\ttitle?: string;\n\t\tsubTitle?: string;\n\t\tactionButton?: ButtonProps;\n\t};\n\t/** Runs the default \"New AI agent\" CTA when no override button is supplied. */\n\tonNewAgent: () => void;\n}\n\n/**\n * Zero state for the AI Agents listing — shown when there are no agents yet or a\n * search returns no hits. Renders the shared {@link ZeroState} with AI-agents\n * defaults; a consumer-supplied `emptyState` overrides any of the copy / CTA.\n */\nexport const AiAgentsEmptyState: React.FC<AiAgentsEmptyStateProps> = ({\n\temptyState,\n\tonNewAgent,\n}) => (\n\t<ZeroState\n\t\ttitle={emptyState?.title ?? 'No agents yet'}\n\t\tsubTitle={\n\t\t\temptyState?.subTitle ??\n\t\t\t'Create your first AI agent to start automating conversations.'\n\t\t}\n\t\tactionButton={\n\t\t\temptyState?.actionButton ?? {\n\t\t\t\tbuttonText: 'New AI agent',\n\t\t\t\tbuttonType: 'primary',\n\t\t\t\tsize: 'small',\n\t\t\t\tonClick: onNewAgent,\n\t\t\t}\n\t\t}\n\t/>\n);\n"],"names":["AiAgentsEmptyState","emptyState","onNewAgent","jsx","ZeroState"],"mappings":";;AAwBO,MAAMA,IAAwD,CAAC;AAAA,EACrE,YAAAC;AAAA,EACA,YAAAC;AACD,MACC,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACA,OAAOH,GAAY,SAAS;AAAA,IAC5B,UACCA,GAAY,YACZ;AAAA,IAED,cACCA,GAAY,gBAAgB;AAAA,MAC3B,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,SAASC;AAAA,IAAA;AAAA,EACV;AAEF;"}

package/dist/esm/editor/BikEditor.js

@@ -1,23 +1,23 @@
 import { jsxs as u, jsx as d } from "react/jsx-runtime";
-import { getMarkRange as xt } from "../node_modules/@tiptap/core/dist/index.js";
-import { useEditor as vt, EditorContent as X } from "@tiptap/react";
-import { forwardRef as bt, useState as A, useRef as a, useEffect as Et, useImperativeHandle as At } from "react";
+import { getMarkRange as vt } from "../node_modules/@tiptap/core/dist/index.js";
+import { useEditor as bt, EditorContent as X } from "@tiptap/react";
+import { forwardRef as Et, useState as A, useRef as a, useEffect as At, useImperativeHandle as Tt } from "react";
 import { BodyCaption as Y } from "../components/TypographyStyle.js";
-import { BikEditorShell as Tt, BikJsonHeader as It, BikJsonBody as Rt, BikJsonEmptyState as Jt, BikJsonError as Mt } from "./BikEditor.styles.js";
+import { BikEditorShell as It, BikJsonHeader as Rt, BikJsonBody as Jt, BikJsonEmptyState as Lt, BikJsonError as Mt } from "./BikEditor.styles.js";
 import { DEFAULT_FORMAT_STATE as tt } from "./BikEditor.types.js";
-import { buildJsonCodeBlockHtml as Lt, buildSectionedContent as et, normalizeHtml as s, extractActiveFormats as nt, extractContent as ot, getCodeBlockText as g, parseJson as p, extractBodyContent as Ot, extractSectionContent as Ft, setCodeBlockText as x, findSectionEndPos as rt, findSectionStartPos as zt, setSectionContentInEditor as T, insertInlineHtml as Nt } from "./BikEditor.utils.js";
-import { buildExtensions as jt } from "./extensions/buildExtensions.js";
-import { LinkBubbleMenu as Ht } from "./floating/LinkBubbleMenu.js";
-import wt from "../icons/BIK AI specific/WandSparkles.js";
-import Pt from "../icons/Actions/Formatting/Copy.js";
-import Dt from "../icons/Actions/Common actions/Code.js";
-import qt from "../icons/Informational/General/Info.js";
-function Ut(k) {
+import { buildJsonCodeBlockHtml as Ot, buildSectionedContent as et, normalizeHtml as s, extractActiveFormats as nt, extractContent as ot, getCodeBlockText as g, parseJson as p, extractBodyContent as Ft, extractSectionContent as zt, setCodeBlockText as x, findSectionEndPos as rt, findSectionStartPos as Nt, setSectionContentInEditor as T, insertInlineHtml as jt } from "./BikEditor.utils.js";
+import { buildExtensions as Ht } from "./extensions/buildExtensions.js";
+import { LinkBubbleMenu as wt } from "./floating/LinkBubbleMenu.js";
+import Pt from "../icons/BIK AI specific/WandSparkles.js";
+import Dt from "../icons/Actions/Formatting/Copy.js";
+import qt from "../icons/Actions/Common actions/Code.js";
+import Ut from "../icons/Informational/General/Info.js";
+function $t(k) {
   return Object.entries(k).map(
     ([v, C]) => `${v.replace(/([A-Z])/g, (y) => `-${y.toLowerCase()}`)}:${C}`
   ).join(";");
 }
-const $t = (k, v) => {
+const Wt = (k, v) => {
   const {
     initialContent: C,
     sections: y,
@@ -25,28 +25,29 @@ const $t = (k, v) => {
     disabled: it,
     maxCharacters: I,
     characterLimit: st,
-    shortcuts: ct,
-    sendShortcut: at,
+    characterLimitHard: ct,
+    shortcuts: at,
+    sendShortcut: lt,
     mentions: l,
     slashCommands: S,
-    link: lt,
-    onPaste: dt,
+    link: dt,
+    onPaste: ut,
     onReady: R,
     onChange: J,
     onSend: b,
-    onFocus: M,
-    onBlur: L,
+    onFocus: L,
+    onBlur: M,
     onSelectionChange: O,
-    minHeight: ut,
-    maxHeight: mt,
-    style: ft,
-    className: gt,
+    minHeight: mt,
+    maxHeight: ft,
+    style: gt,
+    className: ht,
     editorClassName: F,
     editorStyle: z,
     renderJsonError: N
-  } = k, m = !!B?.jsonMode, [f, j] = A(null), [ht, H] = A(!1), [pt, w] = A(
+  } = k, m = !!B?.jsonMode, [f, j] = A(null), [pt, H] = A(!1), [Ct, w] = A(
     m && !(C ?? "").trim()
-  ), Ct = m ? Lt(C ?? "") : y?.length ? et(
+  ), St = m ? Ot(C ?? "") : y?.length ? et(
     s(C ?? ""),
     y.map((t) => ({ ...t, content: s(t.content) }))
   ) : s(C ?? ""), E = a([]), P = a(!1), D = a(R);
@@ -55,10 +56,10 @@ const $t = (k, v) => {
   q.current = J;
   const U = a(O);
   U.current = O;
-  const $ = a(tt), W = a(M);
-  W.current = M;
-  const V = a(L);
-  V.current = L;
+  const $ = a(tt), W = a(L);
+  W.current = L;
+  const V = a(M);
+  V.current = M;
   const _ = a(b);
   _.current = b;
   const Q = a(l?.agents ?? []);
@@ -67,22 +68,23 @@ const $t = (k, v) => {
   Z.current = l?.teams ?? [];
   const G = a(S?.items ?? []);
   G.current = S?.items ?? [];
-  const n = vt({
-    extensions: jt({
+  const n = bt({
+    extensions: Ht({
       features: B,
       placeholder: k.placeholder,
       maxCharacters: I,
       characterLimit: st,
+      characterLimitHard: ct,
       hasSections: (y?.length ?? 0) > 0,
       mentions: {
         agents: l ? Q : void 0,
         teams: l ? Z : void 0
       },
       slashCommands: S ? G : void 0,
-      onPaste: dt,
+      onPaste: ut,
       onSend: b ? (t) => _.current?.(t) : void 0,
-      sendShortcut: at,
-      shortcuts: ct,
+      sendShortcut: lt,
+      shortcuts: at,
       onMentionSelected: l?.onSelect,
       onSlashCommandSelected: S?.onSelect,
       renderMentionItem: l?.renderItem,
@@ -92,14 +94,14 @@ const $t = (k, v) => {
       renderSlashCommandItem: S?.renderItem,
       renderSlashCommandDropdown: S?.renderDropdown
     }),
-    content: Ct,
+    content: St,
     editable: !it,
     immediatelyRender: !1,
     // SSR-safe — NEVER remove this
     editorProps: {
       attributes: {
         ...F ? { class: F } : {},
-        ...z ? { style: Ut(z) } : {}
+        ...z ? { style: $t(z) } : {}
       }
     },
     onUpdate: ({ editor: t }) => {
@@ -118,12 +120,12 @@ const $t = (k, v) => {
   function i(t) {
     n ? t(n) : E.current.push(t);
   }
-  Et(() => {
+  At(() => {
     if (n && (E.current.length > 0 && E.current.splice(0).forEach((e) => e(n)), P.current || (P.current = !0, D.current?.()), m)) {
       const t = g(n), e = p(t);
       j(e.valid ? null : e), w(!t.trim());
     }
-  }, [n, m]), At(
+  }, [n, m]), Tt(
     v,
     () => ({
       // ── Focus ────────────────────────────────────────────────────────
@@ -140,7 +142,7 @@ const $t = (k, v) => {
         i((o) => o.commands.insertContent(e));
       },
       insertInlineContent: (t) => {
-        i((e) => Nt(e, t));
+        i((e) => jt(e, t));
       },
       insertAtStart: (t) => {
         const e = s(t);
@@ -190,7 +192,7 @@ const $t = (k, v) => {
           return t.doc.textBetween(e, o, " ");
         const c = t.schema.marks.link;
         if (c) {
-          const h = xt(t.doc.resolve(e), c);
+          const h = vt(t.doc.resolve(e), c);
           if (h)
             return t.doc.textBetween(h.from, h.to, " ");
         }
@@ -202,7 +204,7 @@ const $t = (k, v) => {
         limit: I ?? null
       }),
       // ── Sections ─────────────────────────────────────────────────────
-      getSectionContent: (t) => n ? Ft(n, t) : { html: "", text: "", isEmpty: !0, characterCount: 0 },
+      getSectionContent: (t) => n ? zt(n, t) : { html: "", text: "", isEmpty: !0, characterCount: 0 },
       setSectionContent: (t, e) => {
         const o = s(e);
         i((r) => T(r, t, o));
@@ -225,7 +227,7 @@ const $t = (k, v) => {
         i((e) => T(e, t, "<p></p>"));
       },
       // ── Convenience body shorthands ───────────────────────────────────
-      getBodyContent: () => n ? Ot(n) : { html: "", text: "", isEmpty: !0, characterCount: 0 },
+      getBodyContent: () => n ? Ft(n) : { html: "", text: "", isEmpty: !0, characterCount: 0 },
       setBodyContent: (t) => {
         const e = s(t);
         i((o) => T(o, "body", e));
@@ -252,7 +254,7 @@ const $t = (k, v) => {
       insertAtSectionStart: (t, e) => {
         const o = s(e);
         i((r) => {
-          const c = zt(r, t);
+          const c = Nt(r, t);
           c !== -1 && r.commands.insertContentAt(c, o, {
             parseOptions: { preserveWhitespace: !0 }
           });
@@ -289,10 +291,10 @@ const $t = (k, v) => {
           n && (e !== void 0 ? n.chain().focus().extendMarkRange("link").command(({ tr: o, state: r }) => {
             const { from: c, to: h } = o.selection, K = r.schema.marks.link;
             if (!K) return !1;
-            const yt = r.schema.text(e, [
+            const Bt = r.schema.text(e, [
               K.create({ href: t })
-            ]), Bt = r.schema.text(" ");
-            return o.replaceWith(c, h, [yt, Bt]), !0;
+            ]), xt = r.schema.text(" ");
+            return o.replaceWith(c, h, [Bt, xt]), !0;
           }).run() : n.chain().focus().extendMarkRange("link").setLink({ href: t }).insertContent(" ").run());
         },
         updateLink: (t) => n?.chain().focus().extendMarkRange("link").setLink({ href: t }).run(),
@@ -327,55 +329,55 @@ const $t = (k, v) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n]
   );
-  const St = () => {
+  const kt = () => {
     if (!n) return;
     const { valid: t, value: e } = p(g(n));
     !t || e === null || x(n, JSON.stringify(e, null, 2));
-  }, kt = () => {
+  }, yt = () => {
     n && (navigator.clipboard?.writeText(g(n)), H(!0), setTimeout(() => H(!1), 1500));
   };
   return n ? /* @__PURE__ */ u(
-    Tt,
+    It,
     {
-      minHeight: ut,
-      maxHeight: mt,
+      minHeight: mt,
+      maxHeight: ft,
       tightParagraphs: !B?.richPaste,
       jsonMode: m,
-      style: ft,
-      className: gt,
+      style: gt,
+      className: ht,
       children: [
-        m && /* @__PURE__ */ u(It, { children: [
+        m && /* @__PURE__ */ u(Rt, { children: [
           /* @__PURE__ */ d("span", { className: "bik-json-header-label", children: "JSON" }),
           /* @__PURE__ */ u("div", { className: "bik-json-header-actions", children: [
             /* @__PURE__ */ u(
               "button",
               {
                 type: "button",
-                onClick: St,
+                onClick: kt,
                 disabled: !!f,
                 title: "Format JSON",
                 children: [
-                  /* @__PURE__ */ d(wt, { size: 16 }),
+                  /* @__PURE__ */ d(Pt, { size: 16 }),
                   /* @__PURE__ */ d(Y, { children: "Beautify" })
                 ]
               }
             ),
-            /* @__PURE__ */ u("button", { type: "button", onClick: kt, title: "Copy JSON", children: [
-              /* @__PURE__ */ d(Pt, { size: 16 }),
-              ht && /* @__PURE__ */ d(Y, { children: "Copied" })
+            /* @__PURE__ */ u("button", { type: "button", onClick: yt, title: "Copy JSON", children: [
+              /* @__PURE__ */ d(Dt, { size: 16 }),
+              pt && /* @__PURE__ */ d(Y, { children: "Copied" })
             ] })
           ] })
         ] }),
-        m ? /* @__PURE__ */ u(Rt, { $error: !!f, children: [
+        m ? /* @__PURE__ */ u(Jt, { $error: !!f, children: [
           /* @__PURE__ */ d(X, { editor: n }),
-          pt && /* @__PURE__ */ u(Jt, { "aria-hidden": !0, children: [
-            /* @__PURE__ */ d(Dt, { size: 20 }),
+          Ct && /* @__PURE__ */ u(Lt, { "aria-hidden": !0, children: [
+            /* @__PURE__ */ d(qt, { size: 20 }),
             /* @__PURE__ */ d("span", { children: k.placeholder ?? "Type or paste JSON here" })
           ] })
         ] }) : /* @__PURE__ */ d(X, { editor: n }),
-        /* @__PURE__ */ d(Ht, { editor: n, renderLinkTooltip: lt?.renderTooltip }),
+        /* @__PURE__ */ d(wt, { editor: n, renderLinkTooltip: dt?.renderTooltip }),
         m && f ? N ? N(f) : /* @__PURE__ */ u(Mt, { children: [
-          /* @__PURE__ */ d(qt, { size: 16 }),
+          /* @__PURE__ */ d(Ut, { size: 16 }),
           /* @__PURE__ */ u("span", { children: [
             f.line != null && /* @__PURE__ */ u("strong", { children: [
               "Line ",
@@ -390,11 +392,11 @@ const $t = (k, v) => {
       ]
     }
   ) : null;
-}, Wt = bt(
-  $t
+}, Vt = Et(
+  Wt
 );
-Wt.displayName = "BikEditor";
+Vt.displayName = "BikEditor";
 export {
-  Wt as BikEditor
+  Vt as BikEditor
 };
 //# sourceMappingURL=BikEditor.js.map