Files
openchamber/packages/ui/src/stores/useModelPickerSectionsStore.ts
T

37 lines
1.1 KiB
TypeScript
Raw Normal View History

import { create } from 'zustand';
import { persist } from 'zustand/middleware';
/**
* Persisted collapsed state for the collapsible sections (accordions) in the
* model/provider picker (`ModelPickerList`): the `favorites` and `recent`
* sections plus each `provider:<id>` group. Section keys are stable and shared
* across every picker surface, so collapsing a provider in one picker is
* remembered everywhere and survives remounts and full page reloads.
*
* Only collapsed keys are stored (presence === collapsed); the default for any
* unknown key is expanded.
*/
type ModelPickerSectionsStore = {
collapsedSections: Record<string, boolean>;
toggleSection: (key: string) => void;
};
export const useModelPickerSectionsStore = create<ModelPickerSectionsStore>()(
persist(
(set) => ({
collapsedSections: {},
toggleSection: (key) =>
set((state) => {
const next = { ...state.collapsedSections };
if (next[key]) delete next[key];
else next[key] = true;
return { collapsedSections: next };
}),
}),
{
name: 'model-picker-collapsed-sections',
version: 1,
},
),
);