@makinbakin/sdk 0.0.1-rc.31 → 0.0.1-rc.32

package/_internal/core/content-dir.d.ts

@@ -39,6 +39,8 @@ export interface BakinPaths {
     db: string;
     /** Bakin-owned bin dir for capability-pack binaries; prepended to PATH at server boot. */
     bin: string;
+    /** Media prebuild store (sharp for compiled binaries, #889) — versioned dirs + receipt. */
+    media: string;
 }
 export declare function getBakinPaths(): BakinPaths;
 /**

package/_internal/core/media/pin-data.d.ts

@@ -0,0 +1,36 @@
+/**
+ * GENERATED by scripts/generate-media-pin.ts — do not edit by hand.
+ * Regenerate: bun scripts/generate-media-pin.ts --sharp-version <v>
+ * Pin-bump runbook: .claude/knowledge/media-pipeline.md
+ * Self-contained by design: importing types from ./pin creates an import
+ * cycle (check:cycles); ./pin structurally types this object on assignment.
+ */
+export declare const SHARP_PIN_DATA: {
+    version: string;
+    shared: {
+        name: string;
+        version: string;
+        url: string;
+        sha256: string;
+    }[];
+    platform: {
+        'darwin-arm64': {
+            name: string;
+            version: string;
+            url: string;
+            sha256: string;
+        }[];
+        'linux-x64': {
+            name: string;
+            version: string;
+            url: string;
+            sha256: string;
+        }[];
+        'linux-arm64': {
+            name: string;
+            version: string;
+            url: string;
+            sha256: string;
+        }[];
+    };
+};

package/_internal/core/media/pin.d.ts

@@ -0,0 +1,22 @@
+export declare const MEDIA_PLATFORM_KEYS: readonly ["darwin-arm64", "linux-x64", "linux-arm64"];
+export type MediaPlatformKey = (typeof MEDIA_PLATFORM_KEYS)[number];
+export interface PinnedTarball {
+    name: string;
+    version: string;
+    url: string;
+    /** Lowercase hex sha256 of the npm tarball. */
+    sha256: string;
+}
+export interface SharpPin {
+    /** The pinned sharp version — also the store directory name. */
+    version: string;
+    /** Platform-neutral tarballs (sharp + its runtime JS deps). */
+    shared: PinnedTarball[];
+    /** Native + libvips tarballs per supported platform. */
+    platform: Record<MediaPlatformKey, PinnedTarball[]>;
+}
+export declare const SHARP_PIN: SharpPin;
+/** Map this process's platform/arch onto a media platform key. */
+export declare function mediaPlatformKey(): MediaPlatformKey | null;
+/** Every tarball the given platform's store needs, shared legs first. */
+export declare function pinnedTarballsFor(key: MediaPlatformKey): PinnedTarball[];

package/_internal/core/media/sharp-import.d.ts

@@ -0,0 +1,10 @@
+/**
+ * The sharp loader's two raw import legs (#889), isolated so tests can mock
+ * them per-case (a `mock.module('sharp', …)` factory evaluates eagerly and
+ * cannot model per-test availability, and the repo's devDependency sharp
+ * would otherwise satisfy the bundled leg in every test).
+ */
+/** Bare import — resolves on dev trees/npm installs, fails in compiled binaries. */
+export declare function importBundledSharp(): Promise<unknown>;
+/** Disk import of the media store's self-contained bundle. */
+export declare function importStoreBundle(entry: string): Promise<unknown>;

package/_internal/core/media/sharp-loader.d.ts

@@ -33,4 +33,9 @@ export interface SharpPipeline {
     toFile(path: string): Promise<unknown>;
 }
 export type Sharp = (input: string) => SharpPipeline;
+/**
+ * Drop the cached load state. The installer calls this after a successful
+ * store install; tests use it between cases.
+ */
+export declare function resetSharpModuleCache(): void;
 export declare function loadSharp(): Promise<Sharp | null>;

package/_internal/core/media/store.d.ts

@@ -0,0 +1,21 @@
+import { type MediaPlatformKey } from './pin';
+export declare const MEDIA_RECEIPT_SCHEMA = 1;
+export interface MediaReceipt {
+    schema: number;
+    sharpVersion: string;
+    platform: MediaPlatformKey;
+    /** Store-relative path of the bundled sharp entry. */
+    entry: string;
+    installedAt: string;
+    tarballs: {
+        name: string;
+        version: string;
+        sha256: string;
+    }[];
+}
+/** `<bakin-home>/media/sharp/<pinned version>/` — the live store dir. */
+export declare function mediaStoreDir(): string;
+export declare function mediaReceiptPath(): string;
+export declare function readMediaReceipt(): MediaReceipt | null;
+/** The bundled sharp entry the loader imports, or null without a valid receipt. */
+export declare function mediaStoreEntry(): string | null;

package/_internal/ui/patterns/agent-filter.d.ts

@@ -12,6 +12,7 @@ export interface AgentFilterProps {
     ariaLabel?: string;
     allLabel?: string;
     allValue?: string;
+    /** Show the standalone indicator (default true). A parent filter region owns it instead when present. */
     showIcon?: boolean;
     compact?: boolean;
     className?: string;

package/_internal/ui/patterns/filter-indicator.d.ts

@@ -0,0 +1,3 @@
+/** Private composition context: a parent filter region already owns the icon. */
+export declare const FilterIndicatorContext: import("react").Context<boolean>;
+export declare function FilterIndicator(): import("react/jsx-runtime").JSX.Element;

package/_internal/ui/patterns/list-rows.d.ts

@@ -84,7 +84,7 @@ export declare const ListRowLabels: import("react").ForwardRefExoticComponent<Om
 export interface ListRowGroupProps extends ComponentPropsWithoutRef<'div'> {
     /** Group heading rendered above the group's rows. */
     label: ReactNode;
-    /** Compact rail label (default), or a flush, filled collection section heading. */
+    /** Compact rail label (default), or a flush, filled heading with extra spacing between adjacent section groups. */
     headerVariant?: 'plain' | 'section';
     /** Section heading rail color; neutral by default. Does not color the rows. */
     headerTone?: 'neutral' | 'accent' | 'success' | 'attention' | 'danger' | 'info';

package/_internal/ui/patterns/page-controls.d.ts

@@ -17,6 +17,8 @@ export type PageControlsProps = NativeControlsProps & AccessibleRegionName & {
      * such as graph tools.
      */
     as?: PageControlsAs;
+    /** Filters own one leading indicator; nested AgentFilters omit theirs. Generic controls stay unchanged. */
+    variant?: 'default' | 'filters';
     /** Search, filters, view controls, and commands supplied by the consumer. */
     children: React.ReactNode;
     /**
@@ -27,5 +29,5 @@ export type PageControlsProps = NativeControlsProps & AccessibleRegionName & {
     divider?: boolean;
 };
 /** Named control region or ARIA toolbar. URL state remains owned by the consuming page. */
-export declare function PageControls({ actions, as, children, className, divider, label, labelledBy, ...props }: PageControlsProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageControls({ actions, as, variant, children, className, divider, label, labelledBy, ...props }: PageControlsProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/bin/bakin-plugin-test-ui.js

@@ -6477,6 +6477,10 @@ async function inspectBrowserPage(page) {
 }
 async function keyboardFocusFindings(page, viewport) {
   const targets = await page.evaluate(() => {
+    if (document.activeElement instanceof HTMLElement)
+      document.activeElement.blur();
+    document.body.tabIndex = -1;
+    document.body.focus();
     const selector = 'a[href], button:not(:disabled), input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [contenteditable="true"], [tabindex]:not([tabindex="-1"])';
     const visibleElements = [...document.querySelectorAll(selector)].filter((element) => {
       const style = getComputedStyle(element);
@@ -6502,10 +6506,17 @@ ${element.name}`) ?? [element];
       const id = String(index);
       element.setAttribute("data-bakin-ui-test-focus-id", id);
       const style = getComputedStyle(element);
+      const group = element.matches('[data-slot="input-group-control"]') ? element.closest('[data-slot="input-group"]') : null;
+      const groupStyle = group ? getComputedStyle(group) : null;
       return {
         id,
         label: (element.getAttribute("aria-label") || element.textContent?.trim() || element.tagName.toLowerCase()).slice(0, 80),
         resting: {
+          groupOutline: groupStyle ? {
+            style: groupStyle.outlineStyle,
+            width: groupStyle.outlineWidth,
+            color: groupStyle.outlineColor
+          } : null,
           backgroundColor: style.backgroundColor,
           borderColor: style.borderColor,
           boxShadow: style.boxShadow,
@@ -6518,10 +6529,6 @@ ${element.name}`) ?? [element];
         }
       };
     });
-    if (document.activeElement instanceof HTMLElement)
-      document.activeElement.blur();
-    document.body.tabIndex = -1;
-    document.body.focus();
     return targets2;
   });
   if (targets.length === 0)
@@ -6562,10 +6569,14 @@ ${element.name}`) ?? [element];
         "transform"
       ].some((property) => focused[property] !== resting[property]);
       const focusVisible = element.matches(":focus-visible");
+      const group = element.matches('[data-slot="input-group-control"]') ? element.closest('[data-slot="input-group"]') : null;
+      const groupStyle = group ? getComputedStyle(group) : null;
+      const groupResting = resting?.groupOutline;
+      const groupRingChanged = Boolean(groupStyle && groupResting && groupStyle.outlineStyle !== "none" && groupStyle.outlineStyle !== "hidden" && Number.parseFloat(groupStyle.outlineWidth) > 0 && groupStyle.outlineColor !== "transparent" && !/(?:^rgba\(.+,|\/)\s*0(?:\.0+)?%?\s*\)$/.test(groupStyle.outlineColor) && (groupStyle.outlineStyle !== groupResting.style || groupStyle.outlineWidth !== groupResting.width || groupStyle.outlineColor !== groupResting.color));
       const label = element.getAttribute("aria-label") || element.textContent?.trim() || element.tagName.toLowerCase();
       return {
         reached: Boolean(id),
-        visible: focusVisible && (visibleOutline && outlineChanged || shadowChanged || surfaceChanged),
+        visible: focusVisible && (visibleOutline && outlineChanged || shadowChanged || surfaceChanged || groupRingChanged),
         id,
         label: label.slice(0, 80),
         diagnostic: `focus-visible=${focusVisible}; outline=${style.outlineStyle} ${style.outlineWidth}; shadow=${style.boxShadow}`