npm - @oxyhq/services - Versions diffs - 22.9.0 → 22.11.0 - Mend

@oxyhq/services 22.9.0 → 22.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (584) hide show

package/lib/typescript/commonjs/ui/components/Header.d.ts DELETED Viewed

@@ -1,33 +0,0 @@
-import type React from 'react';
-import { type SharedValue } from 'react-native-reanimated';
-export interface HeaderAction {
-    /** Ionicons name — rendered as a circular icon button when no `text` is set. */
-    icon?: string;
-    /** Label — rendered as a filled pill button (takes precedence over `icon`). */
-    text?: string;
-    onPress: () => void;
-    loading?: boolean;
-    disabled?: boolean;
-    /** Stable identity for lists; falls back to the array index. */
-    key?: string;
-}
-export interface HeaderProps {
-    title: string;
-    subtitle?: string;
-    onBack?: () => void;
-    onClose?: () => void;
-    /** Trailing action buttons, rendered left-to-right before the close button. */
-    actions?: HeaderAction[];
-    showBackButton?: boolean;
-    showCloseButton?: boolean;
-    variant?: 'default' | 'minimal';
-    elevation?: 'none' | 'subtle' | 'prominent';
-    subtitleVariant?: 'default' | 'small' | 'large' | 'muted';
-    titleAlignment?: 'left' | 'center' | 'right';
-    /** Shared scroll offset — enables sticky translate-up behavior on native. */
-    scrollY?: SharedValue<number>;
-}
-export declare const getHeaderHeight: (variant?: HeaderProps["variant"], safeAreaTop?: number) => number;
-declare const Header: React.FC<HeaderProps>;
-export default Header;
-//# sourceMappingURL=Header.d.ts.map

package/lib/typescript/commonjs/ui/components/Header.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAA2B,EAAgD,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAS7H,MAAM,WAAW,YAAY;IACzB,gFAAgF;IAChF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC;IAC5C,eAAe,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IAC1D,cAAc,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC7C,6EAA6E;IAC7E,OAAO,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,eAAe,GAAI,UAAS,WAAW,CAAC,SAAS,CAAa,EAAE,oBAAe,KAAG,MAK9F,CAAC;AAyBF,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgGjC,CAAC;AAkDF,eAAe,MAAM,CAAC"}

package/lib/typescript/commonjs/ui/components/OxyAccountDialog.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"OxyAccountDialog.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/OxyAccountDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAyC7B,CAAC;AAgJF,eAAe,gBAAgB,CAAC"}

package/lib/typescript/commonjs/ui/stores/fileStore.d.ts DELETED Viewed

@@ -1,31 +0,0 @@
-import type { FileMetadata } from '@oxyhq/core';
-export interface FileUploadAggregateProgress {
-    current: number;
-    total: number;
-}
-interface FileState {
-    files: Record<string, FileMetadata>;
-    order: string[];
-    uploading: boolean;
-    deleting: string | null;
-    uploadProgress: FileUploadAggregateProgress | null;
-    setFiles: (files: FileMetadata[], opts?: {
-        merge?: boolean;
-    }) => void;
-    addFile: (file: FileMetadata, opts?: {
-        prepend?: boolean;
-    }) => void;
-    updateFile: (id: string, patch: Partial<FileMetadata>) => void;
-    removeFile: (id: string) => void;
-    setUploading: (val: boolean) => void;
-    setDeleting: (id: string | null) => void;
-    setUploadProgress: (p: FileUploadAggregateProgress | null) => void;
-    reset: () => void;
-}
-export declare const useFileStore: import("zustand").UseBoundStore<import("zustand").StoreApi<FileState>>;
-export declare const useFiles: () => FileMetadata[];
-export declare const useUploading: () => boolean;
-export declare const useUploadAggregateProgress: () => FileUploadAggregateProgress | null;
-export declare const useDeleting: () => string | null;
-export {};
-//# sourceMappingURL=fileStore.d.ts.map

package/lib/typescript/commonjs/ui/stores/fileStore.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"fileStore.d.ts","sourceRoot":"","sources":["../../../../../src/ui/stores/fileStore.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAgBhD,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IACpC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,cAAc,EAAE,2BAA2B,GAAG,IAAI,CAAC;IAEnD,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACtE,OAAO,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACpE,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAC/D,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,YAAY,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,iBAAiB,EAAE,CAAC,CAAC,EAAE,2BAA2B,GAAG,IAAI,KAAK,IAAI,CAAC;IACnE,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAUD,eAAO,MAAM,YAAY,wEAyDtB,CAAC;AAGJ,eAAO,MAAM,QAAQ,sBAMpB,CAAC;AACF,eAAO,MAAM,YAAY,eAAuC,CAAC;AACjE,eAAO,MAAM,0BAA0B,0CAA4C,CAAC;AACpF,eAAO,MAAM,WAAW,qBAAsC,CAAC"}

package/lib/typescript/module/ui/components/Header.d.ts DELETED Viewed

@@ -1,33 +0,0 @@
-import type React from 'react';
-import { type SharedValue } from 'react-native-reanimated';
-export interface HeaderAction {
-    /** Ionicons name — rendered as a circular icon button when no `text` is set. */
-    icon?: string;
-    /** Label — rendered as a filled pill button (takes precedence over `icon`). */
-    text?: string;
-    onPress: () => void;
-    loading?: boolean;
-    disabled?: boolean;
-    /** Stable identity for lists; falls back to the array index. */
-    key?: string;
-}
-export interface HeaderProps {
-    title: string;
-    subtitle?: string;
-    onBack?: () => void;
-    onClose?: () => void;
-    /** Trailing action buttons, rendered left-to-right before the close button. */
-    actions?: HeaderAction[];
-    showBackButton?: boolean;
-    showCloseButton?: boolean;
-    variant?: 'default' | 'minimal';
-    elevation?: 'none' | 'subtle' | 'prominent';
-    subtitleVariant?: 'default' | 'small' | 'large' | 'muted';
-    titleAlignment?: 'left' | 'center' | 'right';
-    /** Shared scroll offset — enables sticky translate-up behavior on native. */
-    scrollY?: SharedValue<number>;
-}
-export declare const getHeaderHeight: (variant?: HeaderProps["variant"], safeAreaTop?: number) => number;
-declare const Header: React.FC<HeaderProps>;
-export default Header;
-//# sourceMappingURL=Header.d.ts.map

package/lib/typescript/module/ui/components/Header.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

package/lib/typescript/module/ui/components/OxyAccountDialog.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"OxyAccountDialog.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/OxyAccountDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAyC7B,CAAC;AAgJF,eAAe,gBAAgB,CAAC"}

package/lib/typescript/module/ui/stores/fileStore.d.ts DELETED Viewed

@@ -1,31 +0,0 @@
-import type { FileMetadata } from '@oxyhq/core';
-export interface FileUploadAggregateProgress {
-    current: number;
-    total: number;
-}
-interface FileState {
-    files: Record<string, FileMetadata>;
-    order: string[];
-    uploading: boolean;
-    deleting: string | null;
-    uploadProgress: FileUploadAggregateProgress | null;
-    setFiles: (files: FileMetadata[], opts?: {
-        merge?: boolean;
-    }) => void;
-    addFile: (file: FileMetadata, opts?: {
-        prepend?: boolean;
-    }) => void;
-    updateFile: (id: string, patch: Partial<FileMetadata>) => void;
-    removeFile: (id: string) => void;
-    setUploading: (val: boolean) => void;
-    setDeleting: (id: string | null) => void;
-    setUploadProgress: (p: FileUploadAggregateProgress | null) => void;
-    reset: () => void;
-}
-export declare const useFileStore: import("zustand").UseBoundStore<import("zustand").StoreApi<FileState>>;
-export declare const useFiles: () => FileMetadata[];
-export declare const useUploading: () => boolean;
-export declare const useUploadAggregateProgress: () => FileUploadAggregateProgress | null;
-export declare const useDeleting: () => string | null;
-export {};
-//# sourceMappingURL=fileStore.d.ts.map

package/lib/typescript/module/ui/stores/fileStore.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

package/src/ui/components/Header.tsx DELETED Viewed

@@ -1,224 +0,0 @@
-import type React from 'react';
-import { useMemo } from 'react';
-import {
-    View,
-    TouchableOpacity,
-    StyleSheet,
-    Platform,
-    ActivityIndicator,
-} from 'react-native';
-import AnimatedReanimated, { useAnimatedStyle, interpolate, Extrapolation, type SharedValue } from 'react-native-reanimated';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { Ionicons } from '@expo/vector-icons';
-import { useTheme } from '@oxyhq/bloom/theme';
-import { PressableScale } from '@oxyhq/bloom/pressable-scale';
-import { H4, Text } from '@oxyhq/bloom/typography';
-type ThemeColors = ReturnType<typeof useTheme>['colors'];
-export interface HeaderAction {
-    /** Ionicons name — rendered as a circular icon button when no `text` is set. */
-    icon?: string;
-    /** Label — rendered as a filled pill button (takes precedence over `icon`). */
-    text?: string;
-    onPress: () => void;
-    loading?: boolean;
-    disabled?: boolean;
-    /** Stable identity for lists; falls back to the array index. */
-    key?: string;
-}
-export interface HeaderProps {
-    title: string;
-    subtitle?: string;
-    onBack?: () => void;
-    onClose?: () => void;
-    /** Trailing action buttons, rendered left-to-right before the close button. */
-    actions?: HeaderAction[];
-    showBackButton?: boolean;
-    showCloseButton?: boolean;
-    variant?: 'default' | 'minimal';
-    elevation?: 'none' | 'subtle' | 'prominent';
-    subtitleVariant?: 'default' | 'small' | 'large' | 'muted';
-    titleAlignment?: 'left' | 'center' | 'right';
-    /** Shared scroll offset — enables sticky translate-up behavior on native. */
-    scrollY?: SharedValue<number>;
-}
-export const getHeaderHeight = (variant: HeaderProps['variant'] = 'default', safeAreaTop = 0): number => {
-    const paddingTop = Platform.OS === 'ios' ? Math.max(safeAreaTop, 50) : 16;
-    const paddingBottom = 12;
-    const contentHeight = variant === 'minimal' ? 36 : 40;
-    return paddingTop + contentHeight + paddingBottom;
-};
-const HeaderActionButton: React.FC<{ action: HeaderAction; colors: ThemeColors }> = ({ action, colors }) => {
-    const isText = !!action.text;
-    return (
-        <PressableScale
-            onPress={action.onPress}
-            disabled={action.disabled || action.loading}
-            style={[
-                styles.actionButton,
-                isText ? styles.textActionButton : styles.iconActionButton,
-                { backgroundColor: isText ? colors.tint : colors.card, opacity: action.disabled ? 0.5 : 1 },
-            ]}
-        >
-            {action.loading ? (
-                <ActivityIndicator size="small" color={isText ? colors.card : colors.tint} />
-            ) : isText ? (
-                <Text style={[styles.actionText, { color: colors.card }]}>{action.text}</Text>
-            ) : (
-                <Ionicons name={action.icon as React.ComponentProps<typeof Ionicons>['name']} size={18} color={colors.tint} />
-            )}
-        </PressableScale>
-    );
-};
-const Header: React.FC<HeaderProps> = ({
-    title,
-    subtitle,
-    onBack,
-    onClose,
-    actions,
-    showBackButton = true,
-    showCloseButton = false,
-    variant = 'default',
-    elevation = 'subtle',
-    subtitleVariant = 'default',
-    titleAlignment = 'left',
-    scrollY,
-}) => {
-    const { colors, mode } = useTheme();
-    const insets = useSafeAreaInsets();
-    const headerHeight = getHeaderHeight(variant, insets.top);
-    const isDark = mode === 'dark';
-    // Sticky behavior on native: header translates up as content scrolls, clamped
-    // so it never leaves the viewport. No-op on web (uses CSS `position: sticky`).
-    const animatedHeaderStyle = useAnimatedStyle(() => {
-        if (Platform.OS === 'web' || !scrollY) return {};
-        const translateY = interpolate(scrollY.value, [0, headerHeight], [0, -headerHeight], Extrapolation.CLAMP);
-        return { transform: [{ translateY }] };
-    }, [scrollY, headerHeight]);
-    const elevationStyle = useMemo(() => {
-        switch (elevation) {
-            case 'subtle':
-                return Platform.select({
-                    web: { boxShadow: isDark ? '0 1px 3px rgba(0,0,0,0.3)' : '0 1px 3px rgba(0,0,0,0.1)' },
-                    default: { shadowColor: '#000000', shadowOffset: { width: 0, height: 1 }, shadowOpacity: isDark ? 0.3 : 0.1, shadowRadius: 3, elevation: 2 },
-                });
-            case 'prominent':
-                return Platform.select({
-                    web: { boxShadow: isDark ? '0 4px 12px rgba(0,0,0,0.4)' : '0 4px 12px rgba(0,0,0,0.15)' },
-                    default: { shadowColor: '#000000', shadowOffset: { width: 0, height: 4 }, shadowOpacity: isDark ? 0.4 : 0.15, shadowRadius: 12, elevation: 8 },
-                });
-            default:
-                return {};
-        }
-    }, [elevation, isDark]);
-    const containerStyle = useMemo(() => [
-        styles.container,
-        { paddingTop: Platform.OS === 'ios' ? Math.max(insets.top, 50) : 16 },
-        // Header inside a ScrollView (scrollY provided) must not be absolutely positioned.
-        !scrollY && Platform.OS !== 'web' ? styles.absolute : null,
-        { borderBottomWidth: elevation === 'none' ? 0 : 1 },
-        elevationStyle,
-    ], [insets.top, elevation, elevationStyle, scrollY]);
-    const titleAlign = titleAlignment === 'center' ? styles.alignCenter
-        : titleAlignment === 'right' ? styles.alignRight
-            : styles.alignLeft;
-    const HeaderContainer = Platform.OS === 'web' || !scrollY ? View : AnimatedReanimated.View;
-    const headerStyle = Platform.OS !== 'web' && scrollY !== undefined ? [containerStyle, animatedHeaderStyle] : containerStyle;
-    return (
-        <HeaderContainer className="bg-bg border-border" style={headerStyle}>
-            <View style={[styles.content, variant === 'minimal' && styles.contentMinimal]}>
-                {showBackButton && onBack ? (
-                    <TouchableOpacity className="bg-card" style={styles.circleButton} onPress={onBack} activeOpacity={0.7}>
-                        <Ionicons name="chevron-back" size={18} color={colors.tint} />
-                    </TouchableOpacity>
-                ) : null}
-                <View style={[styles.titleContainer, titleAlign, variant === 'minimal' && styles.titleContainerMinimal]}>
-                    <H4 className="text-text" style={variant === 'minimal' ? styles.titleMinimal : styles.titleDefault} numberOfLines={1}>
-                        {title}
-                    </H4>
-                    {subtitle ? (
-                        <Text className="text-text-secondary" style={subtitleStyles[subtitleVariant]} numberOfLines={1}>
-                            {subtitle}
-                        </Text>
-                    ) : null}
-                </View>
-                {actions?.length ? (
-                    <View style={styles.actionsRow}>
-                        {actions.map((action, idx) => (
-                            <HeaderActionButton key={action.key ?? idx} action={action} colors={colors} />
-                        ))}
-                    </View>
-                ) : null}
-                {showCloseButton && onClose ? (
-                    <TouchableOpacity className="bg-card" style={[styles.circleButton, styles.closeButton]} onPress={onClose} activeOpacity={0.7}>
-                        <Ionicons name="close" size={18} color={colors.text} />
-                    </TouchableOpacity>
-                ) : null}
-            </View>
-        </HeaderContainer>
-    );
-};
-const styles = StyleSheet.create({
-    container: {
-        paddingBottom: 12,
-        zIndex: 1000,
-        ...Platform.select({
-            web: { position: 'sticky' as 'relative', top: 0, left: 0, right: 0 },
-            default: {},
-        }),
-    },
-    absolute: { position: 'absolute', top: 0, left: 0, right: 0 },
-    content: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingHorizontal: 16,
-        position: 'relative',
-        minHeight: 40,
-    },
-    contentMinimal: { paddingHorizontal: 12, minHeight: 36 },
-    circleButton: {
-        width: 32,
-        height: 32,
-        borderRadius: 16,
-        alignItems: 'center',
-        justifyContent: 'center',
-        marginRight: 10,
-    },
-    closeButton: { marginRight: 0, marginLeft: 10 },
-    titleContainer: { flex: 1, justifyContent: 'center' },
-    alignLeft: { alignItems: 'flex-start' },
-    alignCenter: { alignItems: 'center' },
-    alignRight: { alignItems: 'flex-end' },
-    titleContainerMinimal: { alignItems: 'center', marginHorizontal: 16 },
-    titleDefault: { fontSize: 18, fontWeight: '700', letterSpacing: -0.5, lineHeight: 22 },
-    titleMinimal: { fontSize: 16, fontWeight: '600', letterSpacing: -0.3, lineHeight: 20 },
-    actionsRow: { flexDirection: 'row', alignItems: 'center' },
-    actionButton: { alignItems: 'center', justifyContent: 'center', marginLeft: 10 },
-    iconActionButton: { width: 32, height: 32, borderRadius: 16 },
-    textActionButton: { paddingHorizontal: 14, paddingVertical: 6, borderRadius: 18, minWidth: 56 },
-    actionText: { fontSize: 14, fontWeight: '600', letterSpacing: -0.2 },
-});
-const subtitleStyles = StyleSheet.create({
-    default: { fontSize: 14, fontWeight: '400', lineHeight: 17, marginTop: 1 },
-    small: { fontSize: 12, fontWeight: '400', lineHeight: 14 },
-    large: { fontSize: 16, fontWeight: '400', lineHeight: 19, marginTop: 3 },
-    muted: { fontSize: 14, fontWeight: '400', lineHeight: 17, marginTop: 1, opacity: 0.7 },
-});
-export default Header;

package/src/ui/stores/fileStore.ts DELETED Viewed

@@ -1,118 +0,0 @@
-import { create } from 'zustand';
-import { shallow } from 'zustand/shallow';
-import type { FileMetadata } from '@oxyhq/core';
-// Shallow compare two file metadata objects by keys/values
-function shallowEqualFile(a: FileMetadata, b: FileMetadata): boolean {
-  if (a === b) return true;
-  if (!a || !b) return false;
-  const aKeys = Object.keys(a);
-  const bKeys = Object.keys(b);
-  if (aKeys.length !== bKeys.length) return false;
-  for (const k of aKeys) {
-    // treat metadata/variants shallowly by reference
-    if (a[k as keyof FileMetadata] !== b[k as keyof FileMetadata]) return false;
-  }
-  return true;
-}
-// Basic upload progress type for aggregate tracking
-export interface FileUploadAggregateProgress {
-  current: number;
-  total: number;
-}
-interface FileState {
-  files: Record<string, FileMetadata>;
-  order: string[]; // maintain insertion / sort order
-  uploading: boolean;
-  deleting: string | null;
-  uploadProgress: FileUploadAggregateProgress | null;
-  // actions
-  setFiles: (files: FileMetadata[], opts?: { merge?: boolean }) => void;
-  addFile: (file: FileMetadata, opts?: { prepend?: boolean }) => void;
-  updateFile: (id: string, patch: Partial<FileMetadata>) => void;
-  removeFile: (id: string) => void;
-  setUploading: (val: boolean) => void;
-  setDeleting: (id: string | null) => void;
-  setUploadProgress: (p: FileUploadAggregateProgress | null) => void;
-  reset: () => void;
-}
-const initialState = {
-  files: {} as Record<string, FileMetadata>,
-  order: [] as string[],
-  uploading: false,
-  deleting: null as string | null,
-  uploadProgress: null as FileUploadAggregateProgress | null,
-};
-export const useFileStore = create<FileState>((set, get) => ({
-  ...initialState,
-  setFiles: (files, opts) => set(state => {
-    const merge = opts?.merge !== false; // default true
-    if (!merge) {
-      const map: Record<string, FileMetadata> = {};
-      const order: string[] = [];
-      files.forEach(f => { map[f.id] = f; order.push(f.id); });
-      // detect if identical to avoid redundant updates
-      const sameOrder = order.length === state.order.length && order.every((id, i) => id === state.order[i]);
-      let sameFiles = sameOrder;
-      if (sameOrder) {
-        sameFiles = order.every(id => state.files[id] && shallowEqualFile(state.files[id], map[id] as FileMetadata));
-      }
-      if (sameOrder && sameFiles) return state;
-      return { files: map, order };
-    }
-    const newFiles = { ...state.files };
-    const newOrder = [...state.order];
-    let changed = false;
-    files.forEach(f => {
-      const prev = state.files[f.id];
-      const merged = { ...(prev || {}), ...f } as FileMetadata;
-      if (!prev || !shallowEqualFile(prev, merged)) { newFiles[f.id] = merged; changed = true; }
-      if (!newOrder.includes(f.id)) { newOrder.unshift(f.id); changed = true; }
-    });
-    if (!changed) return state;
-    return { files: newFiles, order: newOrder };
-  }),
-  addFile: (file, opts) => set(state => {
-    const prepend = opts?.prepend !== false; // default true
-    if (state.files[file.id]) {
-      if (shallowEqualFile(state.files[file.id], file)) return state;
-      return { files: { ...state.files, [file.id]: file } };
-    }
-    return {
-      files: { ...state.files, [file.id]: file },
-      order: prepend ? [file.id, ...state.order] : [...state.order, file.id],
-    };
-  }),
-  updateFile: (id, patch) => set(state => {
-    const existing = state.files[id];
-    if (!existing) return state;
-    const updated = { ...existing, ...patch } as FileMetadata;
-    if (shallowEqualFile(existing, updated)) return state;
-    return { files: { ...state.files, [id]: updated } };
-  }),
-  removeFile: (id) => set(state => {
-    if (!state.files[id]) return state;
-    const { [id]: _removed, ...rest } = state.files;
-    const newOrder = state.order.filter(fid => fid !== id);
-    return { files: rest, order: newOrder };
-  }),
-  setUploading: (val) => set({ uploading: val }),
-  setDeleting: (id) => set({ deleting: id }),
-  setUploadProgress: (p) => set({ uploadProgress: p }),
-  reset: () => set(initialState),
-}));
-// selectors
-export const useFiles = () => {
-  const files = useFileStore(s => s.files);
-  const order = useFileStore(s => s.order);
-  // Return stable array when contents unchanged
-  const out = order.map((id: string) => files[id]);
-  return out;
-};
-export const useUploading = () => useFileStore(s => s.uploading);
-export const useUploadAggregateProgress = () => useFileStore(s => s.uploadProgress);
-export const useDeleting = () => useFileStore(s => s.deleting);