@bikdotai/bik-component-library 0.0.821-beta.0 → 0.0.821-beta.2

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

@@ -1,141 +0,0 @@
-import { jsxs as N, jsx as i, Fragment as H } from "react/jsx-runtime";
-import { useCallback as n } from "react";
-import { TablePagination as V } from "../TablePagination/TablePagination.js";
-import { ZeroState as Z } from "../zeroState/ZeroState.js";
-import { Page as $, Body as q, EmptyHolder as D } from "./AgentListing.styled.js";
-import { AgentListingFilters as G } from "./AgentListingFilters.js";
-import { AgentListingHeader as J } from "./AgentListingHeader.js";
-import { AgentTable as K } from "./AgentTable.js";
-const M = ({
-  config: y,
-  onSearchChange: m,
-  onFilterChange: a,
-  onSortChange: r,
-  onNewAgent: h,
-  onBrowseTemplates: s,
-  onRunAgent: p,
-  onEditAgent: u,
-  onRowClick: g,
-  ...C
-}) => {
-  const {
-    agents: A,
-    isLoading: l,
-    searchValue: P,
-    searchPlaceholder: w = "Search",
-    filterOptions: z,
-    filterPlaceholder: L = "Filters",
-    sortOptions: T,
-    selectedSort: R,
-    title: v = "AI Agents",
-    pagination: o,
-    emptyState: d,
-    debugLog: b
-  } = y, x = !l && A.length === 0, t = n(
-    (e, ...c) => {
-      b && console.log(`[AgentListing] ${e}`, ...c);
-    },
-    [b]
-  ), B = n(
-    (e) => {
-      t("onSearchChange", e), m(e);
-    },
-    [t, m]
-  ), E = n(
-    (e) => {
-      t("onFilterChange", e), a?.(e);
-    },
-    [t, a]
-  ), F = n(
-    (e) => {
-      t("onSortChange", e), r?.(e);
-    },
-    [t, r]
-  ), f = n(() => {
-    t("onNewAgent"), h();
-  }, [t, h]), O = n(() => {
-    t("onBrowseTemplates"), s?.();
-  }, [t, s]), k = n(
-    (e) => {
-      t("onRunAgent", e.id), p(e);
-    },
-    [t, p]
-  ), I = n(
-    (e) => {
-      t("onEditAgent", e.id), u(e);
-    },
-    [t, u]
-  ), j = n(
-    (e) => {
-      t("onRowClick", e.id), g?.(e);
-    },
-    [t, g]
-  );
-  return /* @__PURE__ */ N($, { "data-test": C["data-test"] ?? "agent-listing", children: [
-    /* @__PURE__ */ i(
-      J,
-      {
-        title: v,
-        onNewAgent: f,
-        onBrowseTemplates: s ? O : void 0
-      }
-    ),
-    /* @__PURE__ */ i(
-      G,
-      {
-        searchValue: P,
-        onSearchChange: B,
-        searchPlaceholder: w,
-        filterOptions: z,
-        onFilterChange: a ? E : void 0,
-        filterPlaceholder: L,
-        sortOptions: T,
-        selectedSort: R,
-        onSortChange: r ? F : void 0
-      }
-    ),
-    /* @__PURE__ */ i(q, { children: l || x ? /* @__PURE__ */ i(D, { children: /* @__PURE__ */ i(
-      Z,
-      {
-        isLoading: l,
-        title: d?.title ?? "No agents yet",
-        subTitle: d?.subTitle ?? "Create your first AI agent to start automating conversations.",
-        actionButton: d?.actionButton ?? {
-          buttonText: "New AI agent",
-          buttonType: "primary",
-          size: "small",
-          onClick: f
-        }
-      }
-    ) }) : /* @__PURE__ */ N(H, { children: [
-      /* @__PURE__ */ i(
-        K,
-        {
-          agents: A,
-          onRunAgent: k,
-          onEditAgent: I,
-          onRowClick: g ? j : void 0
-        }
-      ),
-      o && o.totalRows > 0 && /* @__PURE__ */ i(
-        V,
-        {
-          pageNumber: o.pageNumber,
-          pageSize: o.pageSize,
-          totalRows: o.totalRows,
-          hidePageSizeOptions: o.hidePageSizeOptions,
-          updatePageNumber: o.onPageChange,
-          updatePageSize: (e) => {
-            const c = Array.isArray(e) ? e[0] : e, S = Number(c?.value);
-            Number.isNaN(S) || o.onPageSizeChange(S);
-          }
-        }
-      )
-    ] }) })
-  ] });
-};
-M.displayName = "AgentListing";
-export {
-  M as AgentListing
-};
-//# sourceMappingURL=AgentListing.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AgentListing.js","sources":["../../../../src/components/agent-listing/AgentListing.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\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';\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\tonFilterChange,\n\tonSortChange,\n\tonNewAgent,\n\tonBrowseTemplates,\n\tonRunAgent,\n\tonEditAgent,\n\tonRowClick,\n\t...rest\n}) => {\n\tconst {\n\t\tagents,\n\t\tisLoading,\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\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 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\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/>\n\n\t\t\t<AgentListingFilters\n\t\t\t\tsearchValue={searchValue}\n\t\t\t\tonSearchChange={handleSearchChange}\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 || showEmpty ? (\n\t\t\t\t\t<EmptyHolder>\n\t\t\t\t\t\t<ZeroState\n\t\t\t\t\t\t\tisLoading={isLoading}\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\tonRunAgent={handleRunAgent}\n\t\t\t\t\t\t\tonEditAgent={handleEditAgent}\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 single = Array.isArray(opt) ? opt[0] : opt;\n\t\t\t\t\t\t\t\t\tconst value = Number((single as { value?: string })?.value);\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\t\t</Page>\n\t);\n};\n\nAgentListing.displayName = 'AgentListing';\n"],"names":["AgentListing","config","onSearchChange","onFilterChange","onSortChange","onNewAgent","onBrowseTemplates","onRunAgent","onEditAgent","onRowClick","rest","agents","isLoading","searchValue","searchPlaceholder","filterOptions","filterPlaceholder","sortOptions","selectedSort","title","pagination","emptyState","debugLog","showEmpty","logAction","useCallback","action","args","handleSearchChange","v","handleFilterChange","selected","handleSortChange","handleNewAgent","handleBrowseTemplates","handleRunAgent","agent","handleEditAgent","handleRowClick","Page","jsx","AgentListingHeader","AgentListingFilters","Body","EmptyHolder","ZeroState","jsxs","Fragment","AgentTable","TablePagination","opt","single","value"],"mappings":"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"}

package/dist/esm/components/agent-listing/AgentListing.model.d.ts

@@ -1,69 +0,0 @@
-import { AgentListItem, AgentListSortOption } from '@bikdotai/bik-models/ai-agents';
-import { ApplicationType } from '@bikdotai/bik-models/growth';
-import { ButtonProps } from '../button/model';
-import { DropdownOption } from '../dropdown/type';
-/**
- * The agent listing DATA models now live in `@bikdotai/bik-models/ai-agents`
- * (shared with the merchant). Re-exported here so existing imports keep working.
- */
-export type { AgentStatus, AgentTriggerSummary, AgentListItem, AgentListSortOption, } from '@bikdotai/bik-models/ai-agents';
-/** Controlled pagination, forwarded to `TablePagination`. */
-export interface AgentListingPagination {
-    pageNumber: number;
-    pageSize: number;
-    totalRows: number;
-    onPageChange: (pageNumber: number) => void;
-    onPageSizeChange: (pageSize: number) => void;
-    hidePageSizeOptions?: boolean;
-}
-/**
- * All non-function (data / option / flag) props, grouped into one object.
- * Callbacks are kept OUT of here and passed as flat props so the consumer can
- * pass stable function references without rebuilding this object.
- */
-export interface AgentListingConfig {
-    /** Rows to render. Controlled by the consumer (filtered/sorted upstream). */
-    agents: AgentListItem[];
-    /** Initial-fetch loading — shows the loading ZeroState in place of the table. */
-    isLoading?: boolean;
-    /** Host application context the merchant runs in (e.g. ApplicationType.MANIFEST). */
-    applicationType?: ApplicationType;
-    /** Controlled search text. */
-    searchValue: string;
-    /** @default "Search" */
-    searchPlaceholder?: string;
-    /** Pass to render the "Filters" dropdown. Omit to hide it. */
-    filterOptions?: DropdownOption[];
-    /** @default "Filters" */
-    filterPlaceholder?: string;
-    sortOptions?: AgentListSortOption[];
-    selectedSort?: string;
-    /** @default "AI Agents" */
-    title?: string;
-    pagination?: AgentListingPagination;
-    emptyState?: {
-        title?: string;
-        subTitle?: string;
-        actionButton?: ButtonProps;
-    };
-    /**
-     * When true, every action handler logs `[AgentListing] <handler>` (plus its
-     * args) to the console as it fires. Off by default — nothing is logged.
-     */
-    debugLog?: boolean;
-}
-export interface AgentListingProps {
-    /** Grouped data / options / flags. */
-    config: AgentListingConfig;
-    onSearchChange: (value: string) => void;
-    onFilterChange?: (selected: DropdownOption | DropdownOption[]) => void;
-    onSortChange?: (value: string) => void;
-    onNewAgent: () => void;
-    /** Pass to render the secondary "Browse templates" button. Omit to hide it. */
-    onBrowseTemplates?: () => void;
-    onRunAgent: (agent: AgentListItem) => void;
-    onEditAgent: (agent: AgentListItem) => void;
-    /** Optional: whole-row click (e.g. open the builder). */
-    onRowClick?: (agent: AgentListItem) => void;
-    'data-test'?: string;
-}

package/dist/esm/components/agent-listing/AgentListing.styled.d.ts

@@ -1,56 +0,0 @@
-/** Shared column template for header + body rows so they always align. */
-export declare const TABLE_GRID_COLUMNS = "minmax(240px, 1.4fr) minmax(200px, 1.2fr) 140px 160px 120px";
-export declare const Page: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-agent-listing-page";
-}, "className">;
-export declare const HeaderBar: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-header-bar";
-}, "className">;
-export declare const HeaderActions: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-header-actions";
-}, "className">;
-export declare const FilterRow: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-filter-row";
-}, "className">;
-export declare const FilterRowLeft: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-filter-row-left";
-}, "className">;
-export declare const Body: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-body";
-}, "className">;
-export declare const TableCard: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-table-card";
-}, "className">;
-export declare const TableScroll: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-table-scroll";
-}, "className">;
-export declare const HeaderGridRow: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-header-grid-row";
-}, "className">;
-export declare const HeaderCell: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-header-cell";
-} & {
-    align?: "center" | "left" | "right" | undefined;
-}, "className">;
-export declare const BodyGridRow: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-body-grid-row";
-} & {
-    clickable?: boolean | undefined;
-}, "className">;
-export declare const Cell: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-cell";
-} & {
-    align?: "center" | "left" | "right" | undefined;
-}, "className">;
-/** Bordered icon-button group used in the Actions cell. */
-export declare const ActionGroup: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-action-group";
-}, "className">;
-export declare const ActionButton: import('styled-components').StyledComponent<"button", any, {
-    className: "bik-action-button";
-} & {
-    disabled?: boolean | undefined;
-}, "className">;
-export declare const EmptyHolder: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-empty-holder";
-}, "className">;

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

@@ -1,145 +0,0 @@
-import t from "styled-components";
-import { COLORS as i } from "../../constants/Theme.js";
-const a = "minmax(240px, 1.4fr) minmax(200px, 1.2fr) 140px 160px 120px", l = t.div.attrs({ className: "bik-agent-listing-page" })`
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-	width: 100%;
-	background: ${i.surface.standard};
-	min-height: 0;
-`, d = t.div.attrs({ className: "bik-header-bar" })`
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	height: 56px;
-	padding: 12px 16px;
-	border-bottom: 1px solid ${i.stroke.primary};
-	flex-shrink: 0;
-`, o = t.div.attrs({
-  className: "bik-header-actions"
-})`
-	display: flex;
-	align-items: center;
-	gap: 8px;
-`, n = t.div.attrs({ className: "bik-filter-row" })`
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 12px;
-	padding: 16px;
-	border-bottom: 1px solid ${i.stroke.primary};
-	flex-shrink: 0;
-`, c = t.div.attrs({
-  className: "bik-filter-row-left"
-})`
-	display: flex;
-	align-items: center;
-	gap: 12px;
-`, p = t.div.attrs({ className: "bik-body" })`
-	display: flex;
-	flex-direction: column;
-	flex: 1;
-	min-height: 0;
-	padding: 16px;
-	gap: 8px;
-`, x = t.div.attrs({ className: "bik-table-card" })`
-	display: flex;
-	flex-direction: column;
-	flex: 1;
-	min-height: 0;
-	border: 1px solid ${i.stroke.primary};
-	border-radius: 8px;
-	overflow: hidden;
-`, m = t.div.attrs({ className: "bik-table-scroll" })`
-	flex: 1;
-	min-height: 0;
-	overflow: auto;
-`, g = t.div.attrs({
-  className: "bik-header-grid-row"
-})`
-	display: grid;
-	grid-template-columns: ${a};
-	align-items: center;
-	height: 40px;
-	background: ${i.surface.subdued};
-	border-bottom: 1px solid ${i.stroke.primary};
-	position: sticky;
-	top: 0;
-	z-index: 1;
-`, b = t.div.attrs({ className: "bik-header-cell" })`
-	padding: 8px 12px;
-	text-align: ${(e) => e.align ?? "left"};
-	display: flex;
-	justify-content: ${(e) => e.align === "right" ? "flex-end" : e.align === "center" ? "center" : "flex-start"};
-`, f = t.div.attrs({
-  className: "bik-body-grid-row"
-})`
-	display: grid;
-	grid-template-columns: ${a};
-	align-items: center;
-	min-height: 72px;
-	border-bottom: 1px solid ${i.stroke.primary};
-	cursor: ${(e) => e.clickable ? "pointer" : "default"};
-
-	&:hover {
-		background: ${(e) => e.clickable ? i.surface.subdued : "transparent"};
-	}
-`, u = t.div.attrs({ className: "bik-cell" })`
-	padding: 8px 12px;
-	min-width: 0;
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-	justify-content: center;
-	align-items: ${(e) => e.align === "right" ? "flex-end" : e.align === "center" ? "center" : "flex-start"};
-`, h = t.div.attrs({ className: "bik-action-group" })`
-	display: inline-flex;
-	align-items: center;
-	border: 1px solid ${i.stroke.primary};
-	border-radius: 4px;
-	overflow: hidden;
-`, y = t.button.attrs({
-  className: "bik-action-button"
-})`
-	width: 32px;
-	height: 32px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	background: ${i.surface.standard};
-	border: none;
-	padding: 0;
-	cursor: ${(e) => e.disabled ? "not-allowed" : "pointer"};
-	opacity: ${(e) => e.disabled ? 0.4 : 1};
-
-	&:not(:last-child) {
-		border-right: 1px solid ${i.stroke.primary};
-	}
-
-	&:hover {
-		background: ${(e) => e.disabled ? i.surface.standard : i.surface.subdued};
-	}
-`, k = t.div.attrs({ className: "bik-empty-holder" })`
-	flex: 1;
-	display: flex;
-	min-height: 0;
-`;
-export {
-  y as ActionButton,
-  h as ActionGroup,
-  p as Body,
-  f as BodyGridRow,
-  u as Cell,
-  k as EmptyHolder,
-  n as FilterRow,
-  c as FilterRowLeft,
-  o as HeaderActions,
-  d as HeaderBar,
-  b as HeaderCell,
-  g as HeaderGridRow,
-  l as Page,
-  a as TABLE_GRID_COLUMNS,
-  x as TableCard,
-  m as TableScroll
-};
-//# sourceMappingURL=AgentListing.styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AgentListing.styled.js","sources":["../../../../src/components/agent-listing/AgentListing.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\n/** Shared column template for header + body rows so they always align. */\nexport const TABLE_GRID_COLUMNS =\n\t'minmax(240px, 1.4fr) minmax(200px, 1.2fr) 140px 160px 120px';\n\nexport const Page = styled.div.attrs({ className: 'bik-agent-listing-page' })`\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\twidth: 100%;\n\tbackground: ${COLORS.surface.standard};\n\tmin-height: 0;\n`;\n\nexport const HeaderBar = styled.div.attrs({ className: 'bik-header-bar' })`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\theight: 56px;\n\tpadding: 12px 16px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\tflex-shrink: 0;\n`;\n\nexport const HeaderActions = styled.div.attrs({\n\tclassName: 'bik-header-actions',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n`;\n\nexport const FilterRow = styled.div.attrs({ className: 'bik-filter-row' })`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: 12px;\n\tpadding: 16px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\tflex-shrink: 0;\n`;\n\nexport const FilterRowLeft = styled.div.attrs({\n\tclassName: 'bik-filter-row-left',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 12px;\n`;\n\nexport const Body = styled.div.attrs({ className: 'bik-body' })`\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1;\n\tmin-height: 0;\n\tpadding: 16px;\n\tgap: 8px;\n`;\n\nexport const TableCard = styled.div.attrs({ className: 'bik-table-card' })`\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1;\n\tmin-height: 0;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\toverflow: hidden;\n`;\n\nexport const TableScroll = styled.div.attrs({ className: 'bik-table-scroll' })`\n\tflex: 1;\n\tmin-height: 0;\n\toverflow: auto;\n`;\n\nexport const HeaderGridRow = styled.div.attrs({\n\tclassName: 'bik-header-grid-row',\n})`\n\tdisplay: grid;\n\tgrid-template-columns: ${TABLE_GRID_COLUMNS};\n\talign-items: center;\n\theight: 40px;\n\tbackground: ${COLORS.surface.subdued};\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\tposition: sticky;\n\ttop: 0;\n\tz-index: 1;\n`;\n\nexport const HeaderCell = styled.div.attrs({ className: 'bik-header-cell' })<{\n\talign?: 'left' | 'right' | 'center';\n}>`\n\tpadding: 8px 12px;\n\ttext-align: ${(p) => p.align ?? 'left'};\n\tdisplay: flex;\n\tjustify-content: ${(p) =>\n\t\tp.align === 'right'\n\t\t\t? 'flex-end'\n\t\t\t: p.align === 'center'\n\t\t\t? 'center'\n\t\t\t: 'flex-start'};\n`;\n\nexport const BodyGridRow = styled.div.attrs({\n\tclassName: 'bik-body-grid-row',\n})<{ clickable?: boolean }>`\n\tdisplay: grid;\n\tgrid-template-columns: ${TABLE_GRID_COLUMNS};\n\talign-items: center;\n\tmin-height: 72px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\tcursor: ${(p) => (p.clickable ? 'pointer' : 'default')};\n\n\t&:hover {\n\t\tbackground: ${(p) =>\n\t\t\tp.clickable ? COLORS.surface.subdued : 'transparent'};\n\t}\n`;\n\nexport const Cell = styled.div.attrs({ className: 'bik-cell' })<{\n\talign?: 'left' | 'right' | 'center';\n}>`\n\tpadding: 8px 12px;\n\tmin-width: 0;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n\tjustify-content: center;\n\talign-items: ${(p) =>\n\t\tp.align === 'right'\n\t\t\t? 'flex-end'\n\t\t\t: p.align === 'center'\n\t\t\t? 'center'\n\t\t\t: 'flex-start'};\n`;\n\n/** Bordered icon-button group used in the Actions cell. */\nexport const ActionGroup = styled.div.attrs({ className: 'bik-action-group' })`\n\tdisplay: inline-flex;\n\talign-items: center;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\toverflow: hidden;\n`;\n\nexport const ActionButton = styled.button.attrs({\n\tclassName: 'bik-action-button',\n})<{ disabled?: boolean }>`\n\twidth: 32px;\n\theight: 32px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground: ${COLORS.surface.standard};\n\tborder: none;\n\tpadding: 0;\n\tcursor: ${(p) => (p.disabled ? 'not-allowed' : 'pointer')};\n\topacity: ${(p) => (p.disabled ? 0.4 : 1)};\n\n\t&:not(:last-child) {\n\t\tborder-right: 1px solid ${COLORS.stroke.primary};\n\t}\n\n\t&:hover {\n\t\tbackground: ${(p) =>\n\t\t\tp.disabled ? COLORS.surface.standard : COLORS.surface.subdued};\n\t}\n`;\n\nexport const EmptyHolder = styled.div.attrs({ className: 'bik-empty-holder' })`\n\tflex: 1;\n\tdisplay: flex;\n\tmin-height: 0;\n`;\n"],"names":["TABLE_GRID_COLUMNS","Page","styled","COLORS","HeaderBar","HeaderActions","FilterRow","FilterRowLeft","Body","TableCard","TableScroll","HeaderGridRow","HeaderCell","p","BodyGridRow","Cell","ActionGroup","ActionButton","EmptyHolder"],"mappings":";;AAIO,MAAMA,IACZ,+DAEYC,IAAOC,EAAO,IAAI,MAAM,EAAE,WAAW,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA,eAK7DC,EAAO,QAAQ,QAAQ;AAAA;AAAA,GAIzBC,IAAYF,EAAO,IAAI,MAAM,EAAE,WAAW,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAM7CC,EAAO,OAAO,OAAO;AAAA;AAAA,GAIpCE,IAAgBH,EAAO,IAAI,MAAM;AAAA,EAC7C,WAAW;AACZ,CAAC;AAAA;AAAA;AAAA;AAAA,GAMYI,IAAYJ,EAAO,IAAI,MAAM,EAAE,WAAW,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAM7CC,EAAO,OAAO,OAAO;AAAA;AAAA,GAIpCI,IAAgBL,EAAO,IAAI,MAAM;AAAA,EAC7C,WAAW;AACZ,CAAC;AAAA;AAAA;AAAA;AAAA,GAMYM,IAAON,EAAO,IAAI,MAAM,EAAE,WAAW,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASjDO,IAAYP,EAAO,IAAI,MAAM,EAAE,WAAW,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKpDC,EAAO,OAAO,OAAO;AAAA;AAAA;AAAA,GAK7BO,IAAcR,EAAO,IAAI,MAAM,EAAE,WAAW,oBAAoB;AAAA;AAAA;AAAA;AAAA,GAMhES,IAAgBT,EAAO,IAAI,MAAM;AAAA,EAC7C,WAAW;AACZ,CAAC;AAAA;AAAA,0BAEyBF,CAAkB;AAAA;AAAA;AAAA,eAG7BG,EAAO,QAAQ,OAAO;AAAA,4BACTA,EAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,GAMpCS,IAAaV,EAAO,IAAI,MAAM,EAAE,WAAW,mBAAmB;AAAA;AAAA,eAI5D,CAACW,MAAMA,EAAE,SAAS,MAAM;AAAA;AAAA,oBAEnB,CAACA,MACnBA,EAAE,UAAU,UACT,aACAA,EAAE,UAAU,WACZ,WACA,YAAY;AAAA,GAGJC,IAAcZ,EAAO,IAAI,MAAM;AAAA,EAC3C,WAAW;AACZ,CAAC;AAAA;AAAA,0BAEyBF,CAAkB;AAAA;AAAA;AAAA,4BAGhBG,EAAO,OAAO,OAAO;AAAA,WACtC,CAACU,MAAOA,EAAE,YAAY,YAAY,SAAU;AAAA;AAAA;AAAA,gBAGvC,CAACA,MACdA,EAAE,YAAYV,EAAO,QAAQ,UAAU,aAAa;AAAA;AAAA,GAI1CY,IAAOb,EAAO,IAAI,MAAM,EAAE,WAAW,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAS9C,CAACW,MACfA,EAAE,UAAU,UACT,aACAA,EAAE,UAAU,WACZ,WACA,YAAY;AAAA,GAIJG,IAAcd,EAAO,IAAI,MAAM,EAAE,WAAW,oBAAoB;AAAA;AAAA;AAAA,qBAGxDC,EAAO,OAAO,OAAO;AAAA;AAAA;AAAA,GAK7Bc,IAAef,EAAO,OAAO,MAAM;AAAA,EAC/C,WAAW;AACZ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAMcC,EAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA,WAG3B,CAACU,MAAOA,EAAE,WAAW,gBAAgB,SAAU;AAAA,YAC9C,CAACA,MAAOA,EAAE,WAAW,MAAM,CAAE;AAAA;AAAA;AAAA,4BAGbV,EAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,gBAIjC,CAACU,MACdA,EAAE,WAAWV,EAAO,QAAQ,WAAWA,EAAO,QAAQ,OAAO;AAAA;AAAA,GAInDe,IAAchB,EAAO,IAAI,MAAM,EAAE,WAAW,oBAAoB;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1,16 +0,0 @@
-import { default as React } from 'react';
-import { DropdownOption } from '../dropdown/type';
-import { AgentListSortOption } from './AgentListing.model';
-interface AgentListingFiltersProps {
-    searchValue: string;
-    onSearchChange: (value: string) => void;
-    searchPlaceholder: string;
-    filterOptions?: DropdownOption[];
-    onFilterChange?: (selected: DropdownOption | DropdownOption[]) => void;
-    filterPlaceholder: string;
-    sortOptions?: AgentListSortOption[];
-    selectedSort?: string;
-    onSortChange?: (value: string) => void;
-}
-export declare const AgentListingFilters: React.FC<AgentListingFiltersProps>;
-export {};

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

@@ -1,81 +0,0 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import f from "../../assets/icons/search.svg.js";
-import { COLORS as w } from "../../constants/Theme.js";
-import { FilterRow as g, FilterRowLeft as v } from "./AgentListing.styled.js";
-import { Input as x } from "../input/Input.js";
-import { Dropdown as s } from "../dropdown/Dropdown.js";
-const b = ({
-  searchValue: c,
-  onSearchChange: d,
-  searchPlaceholder: p,
-  filterOptions: r,
-  onFilterChange: l,
-  filterPlaceholder: m,
-  sortOptions: o,
-  selectedSort: h,
-  onSortChange: a
-}) => {
-  const u = (o ?? []).map((e) => ({
-    label: e.label,
-    value: e.value,
-    selected: e.value === h
-  }));
-  return /* @__PURE__ */ n(g, { children: [
-    /* @__PURE__ */ n(v, { children: [
-      /* @__PURE__ */ t(
-        x,
-        {
-          "data-test": "agent-search",
-          variant: "small",
-          width: "320px",
-          type: "text",
-          value: c,
-          placeholder: p,
-          hideInputHeader: !0,
-          noErrorHint: !0,
-          leftIcon: {
-            icon: () => /* @__PURE__ */ t(
-              f,
-              {
-                width: 18,
-                height: 18,
-                color: w.content.placeholder
-              }
-            )
-          },
-          onChangeText: (e) => d(e)
-        }
-      ),
-      r && l && /* @__PURE__ */ t(
-        s,
-        {
-          "data-test": "agent-filters",
-          size: "small",
-          width: "140px",
-          placeHolder: m,
-          showPlaceholderWhenSelected: !0,
-          options: r,
-          isMultiSelect: !0,
-          onSelect: l
-        }
-      )
-    ] }),
-    o && a && /* @__PURE__ */ t(
-      s,
-      {
-        "data-test": "agent-sort",
-        size: "small",
-        width: "200px",
-        options: u,
-        onSelect: (e) => {
-          const i = (Array.isArray(e) ? e[0] : e)?.value;
-          i && a(i);
-        }
-      }
-    )
-  ] });
-};
-export {
-  b as AgentListingFilters
-};
-//# sourceMappingURL=AgentListingFilters.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AgentListingFilters.js","sources":["../../../../src/components/agent-listing/AgentListingFilters.tsx"],"sourcesContent":["import SearchIcon from '@src/assets/icons/search.svg';\nimport React from 'react';\nimport { Dropdown } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { COLORS } from '@src/constants/Theme';\nimport { AgentListSortOption } from './AgentListing.model';\nimport { FilterRow, FilterRowLeft } from './AgentListing.styled';\n\ninterface AgentListingFiltersProps {\n\tsearchValue: string;\n\tonSearchChange: (value: string) => void;\n\tsearchPlaceholder: string;\n\n\tfilterOptions?: DropdownOption[];\n\tonFilterChange?: (selected: DropdownOption | DropdownOption[]) => void;\n\tfilterPlaceholder: string;\n\n\tsortOptions?: AgentListSortOption[];\n\tselectedSort?: string;\n\tonSortChange?: (value: string) => void;\n}\n\nexport const AgentListingFilters: React.FC<AgentListingFiltersProps> = ({\n\tsearchValue,\n\tonSearchChange,\n\tsearchPlaceholder,\n\tfilterOptions,\n\tonFilterChange,\n\tfilterPlaceholder,\n\tsortOptions,\n\tselectedSort,\n\tonSortChange,\n}) => {\n\tconst sortDropdownOptions: SingleOption[] = (sortOptions ?? []).map((o) => ({\n\t\tlabel: o.label,\n\t\tvalue: o.value,\n\t\tselected: o.value === selectedSort,\n\t}));\n\n\treturn (\n\t\t<FilterRow>\n\t\t\t<FilterRowLeft>\n\t\t\t\t<Input\n\t\t\t\t\tdata-test=\"agent-search\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\twidth=\"320px\"\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tvalue={searchValue}\n\t\t\t\t\tplaceholder={searchPlaceholder}\n\t\t\t\t\thideInputHeader\n\t\t\t\t\tnoErrorHint\n\t\t\t\t\tleftIcon={{\n\t\t\t\t\t\ticon: () => (\n\t\t\t\t\t\t\t<SearchIcon\n\t\t\t\t\t\t\t\twidth={18}\n\t\t\t\t\t\t\t\theight={18}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\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\tonChangeText={(text) => onSearchChange(text)}\n\t\t\t\t/>\n\n\t\t\t\t{filterOptions && onFilterChange && (\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tdata-test=\"agent-filters\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\twidth=\"140px\"\n\t\t\t\t\t\tplaceHolder={filterPlaceholder}\n\t\t\t\t\t\tshowPlaceholderWhenSelected\n\t\t\t\t\t\toptions={filterOptions}\n\t\t\t\t\t\tisMultiSelect\n\t\t\t\t\t\tonSelect={onFilterChange}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</FilterRowLeft>\n\n\t\t\t{sortOptions && onSortChange && (\n\t\t\t\t<Dropdown\n\t\t\t\t\tdata-test=\"agent-sort\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\twidth=\"200px\"\n\t\t\t\t\toptions={sortDropdownOptions}\n\t\t\t\t\tonSelect={(opt) => {\n\t\t\t\t\t\tconst single = Array.isArray(opt) ? opt[0] : opt;\n\t\t\t\t\t\tconst value = (single as SingleOption)?.value;\n\t\t\t\t\t\tif (value) {\n\t\t\t\t\t\t\tonSortChange(value);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</FilterRow>\n\t);\n};\n"],"names":["AgentListingFilters","searchValue","onSearchChange","searchPlaceholder","filterOptions","onFilterChange","filterPlaceholder","sortOptions","selectedSort","onSortChange","sortDropdownOptions","o","FilterRow","jsxs","FilterRowLeft","jsx","Input","SearchIcon","COLORS","text","Dropdown","opt","value"],"mappings":";;;;;;AAuBO,MAAMA,IAA0D,CAAC;AAAA,EACvE,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AACD,MAAM;AACL,QAAMC,KAAuCH,KAAe,CAAA,GAAI,IAAI,CAACI,OAAO;AAAA,IAC3E,OAAOA,EAAE;AAAA,IACT,OAAOA,EAAE;AAAA,IACT,UAAUA,EAAE,UAAUH;AAAA,EAAA,EACrB;AAEF,2BACEI,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACA,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACA,aAAU;AAAA,UACV,SAAQ;AAAA,UACR,OAAM;AAAA,UACN,MAAK;AAAA,UACL,OAAOf;AAAA,UACP,aAAaE;AAAA,UACb,iBAAe;AAAA,UACf,aAAW;AAAA,UACX,UAAU;AAAA,YACT,MAAM,MACL,gBAAAY;AAAA,cAACE;AAAAA,cAAA;AAAA,gBACA,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,OAAOC,EAAO,QAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,UACvB;AAAA,UAGF,cAAc,CAACC,MAASjB,EAAeiB,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAG3Cf,KAAiBC,KACjB,gBAAAU;AAAA,QAACK;AAAA,QAAA;AAAA,UACA,aAAU;AAAA,UACV,MAAK;AAAA,UACL,OAAM;AAAA,UACN,aAAad;AAAA,UACb,6BAA2B;AAAA,UAC3B,SAASF;AAAA,UACT,eAAa;AAAA,UACb,UAAUC;AAAA,QAAA;AAAA,MAAA;AAAA,IACX,GAEF;AAAA,IAECE,KAAeE,KACf,gBAAAM;AAAA,MAACK;AAAA,MAAA;AAAA,QACA,aAAU;AAAA,QACV,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASV;AAAA,QACT,UAAU,CAACW,MAAQ;AAElB,gBAAMC,KADS,MAAM,QAAQD,CAAG,IAAIA,EAAI,CAAC,IAAIA,IACL;AACxC,UAAIC,KACHb,EAAaa,CAAK;AAAA,QAEpB;AAAA,MAAA;AAAA,IAAA;AAAA,EACD,GAEF;AAEF;"}

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

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-interface AgentListingHeaderProps {
-    title: string;
-    onNewAgent: () => void;
-    onBrowseTemplates?: () => void;
-}
-export declare const AgentListingHeader: React.FC<AgentListingHeaderProps>;
-export {};

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

@@ -1,40 +0,0 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import a from "../../assets/icons/plus.svg.js";
-import { TitleMedium as m } from "../TypographyStyle.js";
-import { COLORS as s } from "../../constants/Theme.js";
-import { HeaderBar as l, HeaderActions as p } from "./AgentListing.styled.js";
-import { Button as r } from "../button/Button.js";
-const x = ({
-  title: n,
-  onNewAgent: i,
-  onBrowseTemplates: e
-}) => /* @__PURE__ */ o(l, { children: [
-  /* @__PURE__ */ t(m, { color: s.content.primary, children: n }),
-  /* @__PURE__ */ o(p, { children: [
-    e && /* @__PURE__ */ t(
-      r,
-      {
-        "data-test": "agent-browse-templates",
-        buttonType: "secondary",
-        size: "small",
-        buttonText: "Browse templates",
-        onClick: e
-      }
-    ),
-    /* @__PURE__ */ t(
-      r,
-      {
-        "data-test": "agent-new",
-        buttonType: "primary",
-        size: "small",
-        buttonText: "New AI agent",
-        LeadingIcon: a,
-        onClick: i
-      }
-    )
-  ] })
-] });
-export {
-  x as AgentListingHeader
-};
-//# sourceMappingURL=AgentListingHeader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AgentListingHeader.js","sources":["../../../../src/components/agent-listing/AgentListingHeader.tsx"],"sourcesContent":["import PlusIcon from '@src/assets/icons/plus.svg';\nimport React from 'react';\nimport { Button } from '@src/components/button';\nimport { TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { HeaderActions, HeaderBar } from './AgentListing.styled';\n\ninterface AgentListingHeaderProps {\n\ttitle: string;\n\tonNewAgent: () => void;\n\tonBrowseTemplates?: () => void;\n}\n\nexport const AgentListingHeader: React.FC<AgentListingHeaderProps> = ({\n\ttitle,\n\tonNewAgent,\n\tonBrowseTemplates,\n}) => (\n\t<HeaderBar>\n\t\t<TitleMedium color={COLORS.content.primary}>{title}</TitleMedium>\n\t\t<HeaderActions>\n\t\t\t{onBrowseTemplates && (\n\t\t\t\t<Button\n\t\t\t\t\tdata-test=\"agent-browse-templates\"\n\t\t\t\t\tbuttonType=\"secondary\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tbuttonText=\"Browse templates\"\n\t\t\t\t\tonClick={onBrowseTemplates}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<Button\n\t\t\t\tdata-test=\"agent-new\"\n\t\t\t\tbuttonType=\"primary\"\n\t\t\t\tsize=\"small\"\n\t\t\t\tbuttonText=\"New AI agent\"\n\t\t\t\tLeadingIcon={PlusIcon}\n\t\t\t\tonClick={onNewAgent}\n\t\t\t/>\n\t\t</HeaderActions>\n\t</HeaderBar>\n);\n"],"names":["AgentListingHeader","title","onNewAgent","onBrowseTemplates","HeaderBar","jsx","TitleMedium","COLORS","HeaderActions","Button","PlusIcon"],"mappings":";;;;;;AAaO,MAAMA,IAAwD,CAAC;AAAA,EACrE,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,mBAAAC;AACD,wBACEC,GAAA,EACA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAY,OAAOC,EAAO,QAAQ,SAAU,UAAAN,GAAM;AAAA,oBAClDO,GAAA,EACC,UAAA;AAAA,IAAAL,KACA,gBAAAE;AAAA,MAACI;AAAA,MAAA;AAAA,QACA,aAAU;AAAA,QACV,YAAW;AAAA,QACX,MAAK;AAAA,QACL,YAAW;AAAA,QACX,SAASN;AAAA,MAAA;AAAA,IAAA;AAAA,IAGX,gBAAAE;AAAA,MAACI;AAAA,MAAA;AAAA,QACA,aAAU;AAAA,QACV,YAAW;AAAA,QACX,MAAK;AAAA,QACL,YAAW;AAAA,QACX,aAAaC;AAAAA,QACb,SAASR;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,EAAA,CACD;AAAA,EAAA,CACD;"}

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

@@ -1,10 +0,0 @@
-import { default as React } from 'react';
-import { AgentListItem } from './AgentListing.model';
-interface AgentTableProps {
-    agents: AgentListItem[];
-    onRunAgent: (agent: AgentListItem) => void;
-    onEditAgent: (agent: AgentListItem) => void;
-    onRowClick?: (agent: AgentListItem) => void;
-}
-export declare const AgentTable: React.FC<AgentTableProps>;
-export {};

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

@@ -1,33 +0,0 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { TitleSmall as a } from "../TypographyStyle.js";
-import { COLORS as h } from "../../constants/Theme.js";
-import { TableCard as m, TableScroll as g, HeaderGridRow as p, HeaderCell as e } from "./AgentListing.styled.js";
-import { AgentTableRow as s } from "./AgentTableRow.js";
-const i = ({ children: l }) => /* @__PURE__ */ r(a, { color: h.content.primary, children: l }), x = ({
-  agents: l,
-  onRunAgent: o,
-  onEditAgent: d,
-  onRowClick: t
-}) => /* @__PURE__ */ r(m, { children: /* @__PURE__ */ c(g, { children: [
-  /* @__PURE__ */ c(p, { children: [
-    /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(i, { children: "Agent name" }) }),
-    /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(i, { children: "Trigger" }) }),
-    /* @__PURE__ */ r(e, { align: "right", children: /* @__PURE__ */ r(i, { children: "Trigger count" }) }),
-    /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(i, { children: "Status" }) }),
-    /* @__PURE__ */ r(e, { align: "center", children: /* @__PURE__ */ r(i, { children: "Actions" }) })
-  ] }),
-  l.map((n) => /* @__PURE__ */ r(
-    s,
-    {
-      agent: n,
-      onRunAgent: o,
-      onEditAgent: d,
-      onRowClick: t
-    },
-    n.id
-  ))
-] }) });
-export {
-  x as AgentTable
-};
-//# sourceMappingURL=AgentTable.js.map