@vibesdotdev/storage 0.0.2 → 1.0.0-rc.4

package/dist/svelte/components/StorageSearchBox.svelte

@@ -0,0 +1,106 @@
+<script lang="ts">
+	import { onDestroy } from 'svelte';
+	import { Icon } from '@vibesdotdev/kit/components/icon';
+	import { Input } from '@vibesdotdev/kit/components/ui/input';
+
+	// Debounced, accessible search input for the StorageExplorer toolbar.
+	// Emits `onSearch` with the trimmed query after a configurable debounce delay
+	// (default 350 ms) to avoid hammering the search endpoint on every keystroke.
+	// Renders a clear button when there is an active query so users can return to
+	// browse in one click. Disabled + shows a hint when the selected provider does
+	// not declare the `search` capability.
+	let {
+		value = $bindable(''),
+		disabled = false,
+		disabledHint = 'Search is not supported by this storage provider',
+		placeholder = 'Search files…',
+		debounceMs = 350,
+		onSearch,
+		onClear
+	}: {
+		/** Bound query string — two-way so the host can reset it on target change. */
+		value?: string;
+		/** When true the input is read-only + a tooltip explains why. */
+		disabled?: boolean;
+		/** Short tooltip shown when disabled (e.g. "Search not supported"). */
+		disabledHint?: string;
+		placeholder?: string;
+		/** Debounce delay in milliseconds. */
+		debounceMs?: number;
+		/** Called with the trimmed query after debounce. Empty string = cleared. */
+		onSearch?: (query: string) => void;
+		/** Called when the clear button is clicked (before onSearch('')). */
+		onClear?: () => void;
+	} = $props();
+
+	let timerId = $state<ReturnType<typeof setTimeout> | undefined>(undefined);
+
+	// UI-local debounce: never fire after the box is gone.
+	onDestroy(() => clearTimeout(timerId));
+
+	function handleInput(event: Event): void {
+		const input = event.currentTarget;
+		if (!(input instanceof HTMLInputElement)) return;
+		const raw = input.value;
+		value = raw;
+		clearTimeout(timerId);
+		timerId = setTimeout(() => {
+			onSearch?.(raw.trim());
+		}, debounceMs);
+	}
+
+	function handleClear(): void {
+		clearTimeout(timerId);
+		value = '';
+		onClear?.();
+		onSearch?.('');
+	}
+
+	function handleKeydown(event: KeyboardEvent): void {
+		if (event.key === 'Escape' && value) {
+			event.preventDefault();
+			handleClear();
+		}
+	}
+</script>
+
+<div
+	class="relative min-w-0"
+	title={disabled ? disabledHint : undefined}
+>
+	<!-- Search icon: pointer-events-none + inset-y-0 so items-center truly vertically centers it -->
+	<span
+		class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2.5 text-muted-foreground {disabled ? 'opacity-40' : ''}"
+		aria-hidden="true"
+	>
+		<Icon icon="lucide:search" class="size-3.5" />
+	</span>
+	<Input
+		type="search"
+		{placeholder}
+		{disabled}
+		bind:value
+		oninput={handleInput}
+		onkeydown={handleKeydown}
+		aria-label={placeholder}
+		aria-describedby={disabled ? 'storage-search-hint' : undefined}
+		autocomplete="off"
+		spellcheck={false}
+		class="h-7 w-40 pl-8 pr-6 text-xs sm:w-52 [&::-webkit-search-cancel-button]:appearance-none"
+	/>
+	{#if disabled}
+		<span id="storage-search-hint" class="sr-only">{disabledHint}</span>
+	{/if}
+	{#if value && !disabled}
+		<!-- Hit area is min 32px to meet pointer-coarse (touch) target guidelines;
+		     the visual icon remains compact at size-3 within the input boundary. -->
+		<button
+			type="button"
+			onclick={handleClear}
+			aria-label="Clear search"
+			class="absolute inset-y-0 right-0.5 flex w-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent/50 hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+		>
+			<Icon icon="lucide:x" class="size-3" />
+		</button>
+	{/if}
+</div>

package/dist/svelte/components/StorageSearchBox.svelte.d.ts

@@ -0,0 +1,19 @@
+type $$ComponentProps = {
+    /** Bound query string — two-way so the host can reset it on target change. */
+    value?: string;
+    /** When true the input is read-only + a tooltip explains why. */
+    disabled?: boolean;
+    /** Short tooltip shown when disabled (e.g. "Search not supported"). */
+    disabledHint?: string;
+    placeholder?: string;
+    /** Debounce delay in milliseconds. */
+    debounceMs?: number;
+    /** Called with the trimmed query after debounce. Empty string = cleared. */
+    onSearch?: (query: string) => void;
+    /** Called when the clear button is clicked (before onSearch('')). */
+    onClear?: () => void;
+};
+declare const StorageSearchBox: import("svelte").Component<$$ComponentProps, {}, "value">;
+type StorageSearchBox = ReturnType<typeof StorageSearchBox>;
+export default StorageSearchBox;
+//# sourceMappingURL=StorageSearchBox.svelte.d.ts.map

package/dist/svelte/components/StorageSearchBox.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StorageSearchBox.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/StorageSearchBox.svelte.ts"],"names":[],"mappings":"AAOC,KAAK,gBAAgB,GAAI;IACxB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAwEH,QAAA,MAAM,gBAAgB,2DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/svelte/components/StorageToolbar.svelte

@@ -0,0 +1,160 @@
+<script lang="ts">
+	import { Button } from '@vibesdotdev/kit/components/ui/button';
+	import * as DropdownMenu from '@vibesdotdev/kit/components/ui/dropdown-menu';
+	import { ToggleGroup, ToggleGroupItem } from '@vibesdotdev/kit/components/ui/toggle-group';
+	import { Icon } from '@vibesdotdev/kit/components/icon';
+	import type {
+		StorageBrowserHeaderAction,
+		StorageSortKey,
+		StorageSortDir
+	} from '../storage-browse-runtime.js';
+
+	// Presentation-only header for the StorageBrowser: title + host-supplied
+	// header actions, a list/grid view toggle, a sort control (key + direction),
+	// and a refresh button. All state is owned by the host (the browser keeps
+	// view/sort out of the store so re-sorting never refetches).
+	let {
+		title = 'Files',
+		view,
+		onView,
+		sortKey,
+		sortDir,
+		onSort,
+		headerActions = [],
+		onUpload = undefined,
+		onRefresh,
+		busy = false,
+		showViewControls = true
+	}: {
+		title?: string;
+		/** Current entry-list layout. */
+		view: 'list' | 'grid';
+		onView: (view: 'list' | 'grid') => void;
+		/** Current sort column. */
+		sortKey: StorageSortKey;
+		/** Current sort direction. */
+		sortDir: StorageSortDir;
+		onSort: (key: StorageSortKey, dir: StorageSortDir) => void;
+		/** Toolbar actions in the header (e.g. "Import folder"). */
+		headerActions?: StorageBrowserHeaderAction[];
+		/** When set, shows a primary Upload button (click-to-upload to the current folder). */
+		onUpload?: () => void;
+		onRefresh: () => void;
+		/** Disables refresh while a load is in flight. */
+		busy?: boolean;
+		/** Hide the view/sort controls (e.g. on the drive picker, where there's
+		 *  no entry list to lay out or sort). */
+		showViewControls?: boolean;
+	} = $props();
+
+	const sortLabels = {
+		name: 'Name',
+		modified: 'Modified',
+		size: 'Size',
+		kind: 'Kind'
+	} satisfies Record<StorageSortKey, string>;
+	const sortKeys: StorageSortKey[] = ['name', 'modified', 'size', 'kind'];
+
+	function toggleDir(): void {
+		onSort(sortKey, sortDir === 'asc' ? 'desc' : 'asc');
+	}
+</script>
+
+<div class="flex flex-wrap items-center justify-between gap-2">
+	<div class="flex min-w-0 items-center gap-2 text-sm font-medium">
+		<Icon icon="lucide:folder" class="size-4 shrink-0" />
+		<span class="truncate">{title}</span>
+	</div>
+	<div class="flex min-w-0 flex-wrap items-center justify-end gap-1">
+		{#if onUpload}
+			<Button
+				type="button"
+				size="sm"
+				variant="outline"
+				class="h-7 shrink-0 gap-1 text-xs"
+				onclick={onUpload}
+			>
+				<Icon icon="lucide:upload" class="size-3.5" />
+				<span class="hidden sm:inline">Upload</span>
+			</Button>
+		{/if}
+		{#each headerActions as action (action.id)}
+			<Button
+				type="button"
+				size="sm"
+				variant={action.variant ?? 'ghost'}
+				class="h-7 max-w-32 shrink-0 gap-1 text-xs"
+				onclick={() => void action.run()}
+			>
+				{#if action.icon}<Icon icon={action.icon} class="size-3.5" />{/if}
+				<span class="truncate">{action.label}</span>
+			</Button>
+		{/each}
+		{#if showViewControls}
+			<!-- Sort key + direction -->
+			<DropdownMenu.Root>
+				<DropdownMenu.Trigger>
+					{#snippet child({ props })}
+						<Button
+							{...props}
+							type="button"
+							size="sm"
+							variant="ghost"
+							class="h-7 shrink-0 gap-1 text-xs"
+							aria-label="Sort files"
+							title="Sort files"
+						>
+							<Icon icon="lucide:arrow-up-down" class="size-3.5" />
+							<span class="hidden sm:inline">{sortLabels[sortKey]}</span>
+						</Button>
+					{/snippet}
+				</DropdownMenu.Trigger>
+				<DropdownMenu.Content align="end" class="min-w-40">
+					<DropdownMenu.RadioGroup
+						value={sortKey}
+						onValueChange={(v) => onSort(v as StorageSortKey, sortDir)}
+					>
+						{#each sortKeys as key (key)}
+							<DropdownMenu.RadioItem value={key}>{sortLabels[key]}</DropdownMenu.RadioItem>
+						{/each}
+					</DropdownMenu.RadioGroup>
+					<DropdownMenu.Separator />
+					<DropdownMenu.Item onSelect={toggleDir}>
+						<Icon
+							icon={sortDir === 'asc' ? 'lucide:arrow-up' : 'lucide:arrow-down'}
+							class="size-3.5"
+						/>
+						{sortDir === 'asc' ? 'Ascending' : 'Descending'}
+					</DropdownMenu.Item>
+				</DropdownMenu.Content>
+			</DropdownMenu.Root>
+			<ToggleGroup
+				type="single"
+				value={view}
+				onValueChange={(v) => {
+					if (v) onView(v as 'list' | 'grid');
+				}}
+				class="mr-1 shrink-0"
+			>
+				<ToggleGroupItem value="list" aria-label="List view" class="size-7 p-0">
+					<Icon icon="lucide:list" class="size-3.5" />
+				</ToggleGroupItem>
+				<ToggleGroupItem value="grid" aria-label="Grid view" class="size-7 p-0">
+					<Icon icon="lucide:layout-grid" class="size-3.5" />
+				</ToggleGroupItem>
+			</ToggleGroup>
+		{/if}
+		<Button
+			type="button"
+			size="sm"
+			variant="ghost"
+			class="h-7 shrink-0 gap-1 text-xs"
+			aria-label="Refresh files"
+			title="Refresh files"
+			onclick={() => onRefresh()}
+			disabled={busy}
+		>
+			<Icon icon="lucide:refresh-cw" class="size-3.5 {busy ? 'animate-spin' : ''}" />
+		</Button>
+	</div>
+</div>

package/dist/svelte/components/StorageToolbar.svelte.d.ts

@@ -0,0 +1,26 @@
+import type { StorageBrowserHeaderAction, StorageSortKey, StorageSortDir } from '../storage-browse-runtime.ts';
+type $$ComponentProps = {
+    title?: string;
+    /** Current entry-list layout. */
+    view: 'list' | 'grid';
+    onView: (view: 'list' | 'grid') => void;
+    /** Current sort column. */
+    sortKey: StorageSortKey;
+    /** Current sort direction. */
+    sortDir: StorageSortDir;
+    onSort: (key: StorageSortKey, dir: StorageSortDir) => void;
+    /** Toolbar actions in the header (e.g. "Import folder"). */
+    headerActions?: StorageBrowserHeaderAction[];
+    /** When set, shows a primary Upload button (click-to-upload to the current folder). */
+    onUpload?: () => void;
+    onRefresh: () => void;
+    /** Disables refresh while a load is in flight. */
+    busy?: boolean;
+    /** Hide the view/sort controls (e.g. on the drive picker, where there's
+     *  no entry list to lay out or sort). */
+    showViewControls?: boolean;
+};
+declare const StorageToolbar: import("svelte").Component<$$ComponentProps, {}, "">;
+type StorageToolbar = ReturnType<typeof StorageToolbar>;
+export default StorageToolbar;
+//# sourceMappingURL=StorageToolbar.svelte.d.ts.map

package/dist/svelte/components/StorageToolbar.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StorageToolbar.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/StorageToolbar.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,0BAA0B,EAC1B,cAAc,EACd,cAAc,EACd,MAAM,8BAA8B,CAAC;AAEtC,KAAK,gBAAgB,GAAI;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACxC,2BAA2B;IAC3B,OAAO,EAAE,cAAc,CAAC;IACxB,8BAA8B;IAC9B,OAAO,EAAE,cAAc,CAAC;IACxB,MAAM,EAAE,CAAC,GAAG,EAAE,cAAc,EAAE,GAAG,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3D,4DAA4D;IAC5D,aAAa,CAAC,EAAE,0BAA0B,EAAE,CAAC;IAC7C,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;6CACyC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAoGH,QAAA,MAAM,cAAc,sDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/svelte/components/StorageUploadChip.svelte

@@ -0,0 +1,116 @@
+<script lang="ts">
+	import { Button } from '@vibesdotdev/kit/components/ui/button';
+	import { Icon } from '@vibesdotdev/kit/components/icon';
+	import { Spinner } from '@vibesdotdev/kit/components/ui/spinner';
+	import {
+		formatStorageFileSize,
+		type StorageUploadStatus
+	} from '../storage-upload-runtime.js';
+
+	let {
+		name,
+		size,
+		status = 'uploaded',
+		error,
+		removeLabel,
+		onRemove
+	}: {
+		name: string;
+		size: number;
+		status?: StorageUploadStatus;
+		error?: string;
+		removeLabel?: string;
+		onRemove?: () => void;
+	} = $props();
+
+	const failed = $derived(status === 'failed');
+	const busy = $derived(status === 'queued' || status === 'uploading');
+</script>
+
+<div
+	class="storage-upload-chip"
+	class:storage-upload-chip--failed={failed}
+	role="listitem"
+	title={error ?? name}
+>
+	<span class="storage-upload-chip__icon" aria-hidden="true">
+		{#if busy}
+			<Spinner class="h-3.5 w-3.5" />
+		{:else if failed}
+			<Icon icon="lucide:triangle-alert" class="h-3.5 w-3.5" />
+		{:else}
+			<Icon icon="lucide:paperclip" class="h-3.5 w-3.5" />
+		{/if}
+	</span>
+	<span class="storage-upload-chip__name">{name}</span>
+	<span class="storage-upload-chip__size">{formatStorageFileSize(size)}</span>
+	{#if onRemove}
+		<Button
+			type="button"
+			variant="ghost"
+			size="icon-sm"
+			class="storage-upload-chip__remove"
+			onclick={onRemove}
+			aria-label={removeLabel ?? `Remove ${name}`}
+		>
+			<Icon icon="lucide:x" class="h-3 w-3" />
+		</Button>
+	{/if}
+</div>
+
+<style>
+	.storage-upload-chip {
+		display: flex;
+		max-width: 15rem;
+		align-items: center;
+		gap: 0.375rem;
+		border: 1px solid var(--border, rgba(0, 0, 0, 0.12));
+		border-radius: 999px;
+		background: color-mix(in srgb, var(--muted, #f3f4f6) 70%, transparent);
+		color: var(--foreground, inherit);
+		padding: 0.25rem 0.25rem 0.25rem 0.5rem;
+		font-size: 0.75rem;
+		line-height: 1;
+	}
+
+	.storage-upload-chip--failed {
+		border-color: color-mix(in srgb, var(--destructive, #dc2626) 40%, transparent);
+		background: color-mix(in srgb, var(--destructive, #dc2626) 10%, transparent);
+		color: var(--destructive, #dc2626);
+	}
+
+	.storage-upload-chip__icon {
+		display: flex;
+		width: 1rem;
+		height: 1rem;
+		flex: 0 0 auto;
+		align-items: center;
+		justify-content: center;
+		color: var(--muted-foreground, #6b7280);
+	}
+
+	.storage-upload-chip--failed .storage-upload-chip__icon {
+		color: var(--destructive, #dc2626);
+	}
+
+	.storage-upload-chip__name {
+		min-width: 0;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		font-weight: 600;
+	}
+
+	.storage-upload-chip__size {
+		flex: 0 0 auto;
+		color: var(--muted-foreground, #6b7280);
+	}
+
+	:global(.storage-upload-chip__remove) {
+		width: 1.35rem;
+		height: 1.35rem;
+		flex: 0 0 auto;
+		border-radius: 999px;
+		color: var(--muted-foreground, #6b7280);
+	}
+</style>

package/dist/svelte/components/StorageUploadChip.svelte.d.ts

@@ -0,0 +1,13 @@
+import { type StorageUploadStatus } from '../storage-upload-runtime.ts';
+type $$ComponentProps = {
+    name: string;
+    size: number;
+    status?: StorageUploadStatus;
+    error?: string;
+    removeLabel?: string;
+    onRemove?: () => void;
+};
+declare const StorageUploadChip: import("svelte").Component<$$ComponentProps, {}, "">;
+type StorageUploadChip = ReturnType<typeof StorageUploadChip>;
+export default StorageUploadChip;
+//# sourceMappingURL=StorageUploadChip.svelte.d.ts.map

package/dist/svelte/components/StorageUploadChip.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StorageUploadChip.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/StorageUploadChip.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,mBAAmB,EACxB,MAAM,8BAA8B,CAAC;AAEtC,KAAK,gBAAgB,GAAI;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AA2CH,QAAA,MAAM,iBAAiB,sDAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/svelte/components/index.d.ts

@@ -0,0 +1,14 @@
+export { default as StorageProviderSelect } from './StorageProviderSelect.svelte';
+export { default as StorageReadinessNotice } from './StorageReadinessNotice.svelte';
+export { default as StorageSearchBox } from './StorageSearchBox.svelte';
+export { default as StorageBrowser } from './StorageBrowser.svelte';
+export { default as StorageBrowserPage } from './StorageBrowserPage.svelte';
+export { default as PlatformStorageExplorer } from './PlatformStorageExplorer.svelte';
+export { default as StorageUploadChip } from './StorageUploadChip.svelte';
+export { default as StorageToolbar } from './StorageToolbar.svelte';
+export { default as StoragePathBar } from './StoragePathBar.svelte';
+export { default as StorageFileCard } from './StorageFileCard.svelte';
+export { default as StorageFileBrowser } from './StorageFileBrowser.svelte';
+export { default as StorageCollectionManager } from './StorageCollectionManager.svelte';
+export type { Collection, FileItem } from './storage-media.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/svelte/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AACxF,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/svelte/components/index.js

@@ -0,0 +1,12 @@
+export { default as StorageProviderSelect } from './StorageProviderSelect.svelte';
+export { default as StorageReadinessNotice } from './StorageReadinessNotice.svelte';
+export { default as StorageSearchBox } from './StorageSearchBox.svelte';
+export { default as StorageBrowser } from './StorageBrowser.svelte';
+export { default as StorageBrowserPage } from './StorageBrowserPage.svelte';
+export { default as PlatformStorageExplorer } from './PlatformStorageExplorer.svelte';
+export { default as StorageUploadChip } from './StorageUploadChip.svelte';
+export { default as StorageToolbar } from './StorageToolbar.svelte';
+export { default as StoragePathBar } from './StoragePathBar.svelte';
+export { default as StorageFileCard } from './StorageFileCard.svelte';
+export { default as StorageFileBrowser } from './StorageFileBrowser.svelte';
+export { default as StorageCollectionManager } from './StorageCollectionManager.svelte';

package/dist/svelte/components/storage-media.d.ts

@@ -0,0 +1,14 @@
+export type { FileItem, Collection } from '../../schemas/explorer/views.ts';
+/**
+ * Shared view-model types for the legacy D1 files/collections media subsystem
+ * (`StorageFileCard` / `StorageFileBrowser` / `StorageCollectionManager`).
+ *
+ * These describe the platform `media_items` / `media_collections` rows as the
+ * presentation layer consumes them — DISTINCT from the object-protocol explorer
+ * types (`StorageEntry` / `StorageTarget` in `@vibesdotdev/storage/schemas`),
+ * which model arbitrary object-store backends. Keep them separate; this is the
+ * media-library shape, not the drive/object shape.
+ */
+/** A single media file row, shaped for the file browser/card surfaces. */
+/** A media collection (group of files), shaped for the collection manager. */
+//# sourceMappingURL=storage-media.d.ts.map

package/dist/svelte/components/storage-media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage-media.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/storage-media.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC5E;;;;;;;;;GASG;AAEH,0EAA0E;AAG1E,8EAA8E"}

package/dist/svelte/components/storage-media.js

@@ -0,0 +1,13 @@
+export {};
+/**
+ * Shared view-model types for the legacy D1 files/collections media subsystem
+ * (`StorageFileCard` / `StorageFileBrowser` / `StorageCollectionManager`).
+ *
+ * These describe the platform `media_items` / `media_collections` rows as the
+ * presentation layer consumes them — DISTINCT from the object-protocol explorer
+ * types (`StorageEntry` / `StorageTarget` in `@vibesdotdev/storage/schemas`),
+ * which model arbitrary object-store backends. Keep them separate; this is the
+ * media-library shape, not the drive/object shape.
+ */
+/** A single media file row, shaped for the file browser/card surfaces. */
+/** A media collection (group of files), shaped for the collection manager. */

package/dist/svelte/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @vibesdotdev/storage/svelte
+ *
+ * Svelte stores and components for storage drives explorer, browser, and records manager.
+ */
+export * from './storage-runtime.ts';
+export * from './storage-browse-runtime.ts';
+export * from './storage-explorer-runtime.ts';
+export * from './storage-display.ts';
+export * from './storage-refs-runtime.ts';
+export * from './storage-upload-runtime.ts';
+export * from './stores/index.ts';
+export * from './components/index.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/svelte/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/svelte/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC"}

package/dist/svelte/index.js

@@ -0,0 +1,13 @@
+/**
+ * @vibesdotdev/storage/svelte
+ *
+ * Svelte stores and components for storage drives explorer, browser, and records manager.
+ */
+export * from "./storage-runtime.js";
+export * from "./storage-browse-runtime.js";
+export * from "./storage-explorer-runtime.js";
+export * from "./storage-display.js";
+export * from "./storage-refs-runtime.js";
+export * from "./storage-upload-runtime.js";
+export * from "./stores/index.js";
+export * from "./components/index.js";

package/dist/svelte/note-store-failure.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Failure sink for fire-and-forget store calls in components.
+ *
+ * The browse/provider stores already record a failure in their own reactive
+ * error state before rethrowing; a component that does not await the result
+ * routes the rethrow here so the reason is logged on the component's runtime
+ * (its Svelte runtime context) instead of vanishing. If that runtime cannot
+ * load, its load failure surfaces to the host as an unhandled rejection; the
+ * store's own error state still holds the operation's failure.
+ */
+import { type CaughtFailure } from '@vibesdotdev/kernel';
+import type { RuntimeSvelteStore } from '@vibesdotdev/surface-sveltekit/svelte';
+/** The rejection handler: logs the failure's value-free facts (class, code, reason), never its text. */
+export declare function noteStoreFailure(runtimeStore: Pick<RuntimeSvelteStore, 'load'>, operation: string): (error: CaughtFailure) => void;
+//# sourceMappingURL=note-store-failure.d.ts.map

package/dist/svelte/note-store-failure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"note-store-failure.d.ts","sourceRoot":"","sources":["../../src/svelte/note-store-failure.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,EAAyC,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAChG,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAEhF,wGAAwG;AACxG,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAOlI"}

package/dist/svelte/note-store-failure.js

@@ -0,0 +1,21 @@
+/**
+ * Failure sink for fire-and-forget store calls in components.
+ *
+ * The browse/provider stores already record a failure in their own reactive
+ * error state before rethrowing; a component that does not await the result
+ * routes the rethrow here so the reason is logged on the component's runtime
+ * (its Svelte runtime context) instead of vanishing. If that runtime cannot
+ * load, its load failure surfaces to the host as an unhandled rejection; the
+ * store's own error state still holds the operation's failure.
+ */
+import { getLogger } from '@vibesdotdev/logging';
+import { CaughtFailureSchema, valueFreeFailure } from '@vibesdotdev/kernel';
+/** The rejection handler: logs the failure's value-free facts (class, code, reason), never its text. */
+export function noteStoreFailure(runtimeStore, operation) {
+    return (error) => {
+        const failure = valueFreeFailure(CaughtFailureSchema.parse(error));
+        void runtimeStore.load().then((runtime) => {
+            getLogger('storage:svelte', runtime).warn('Storage store operation failed', { operation, error: failure });
+        });
+    };
+}