settings-panel.ts File Reference

import type;

Functions
function export	buildThemeSwatches ()
function export	buildSidebarOrderEditor ()
function export	buildPanelOrderEditor ()
function	describeCatalogue (c:CatalogueStatus)
	A worked example that re-renders as the four copy options change.
function renderCopyPreview()	wireCopyPreview ()
	Assignment-guarded (invariant 9): openSettings runs on every open.
function	initSettingsTabs ()
function export	openSettings ()
function export	cancelSettings ()
	Discard edits made since the panel opened, including live previews.
function export	saveSettings ()
function export	closeSettings ()

Variables
const	THEMES
type	SidebarSection = AppSettings['sidebarSections'][number]
const	SIDEBAR_SECTION_DEFS
label	__pad0__
label	label
label const	DEFAULT_SIDEBAR_SECTIONS
label const	price
label const	env
label const	category
label const	project
label const	tags
label const	pools
label const	prefixes
type	CatalogueStatus
as unknown as	VaultEntry
let	_tabsInited = false
let	_settingsSnapshot
	Settings as they were when the panel opened.

Function Documentation

buildThemeSwatches()

function export buildThemeSwatches

(

)

buildSidebarOrderEditor()

function export buildSidebarOrderEditor

(

)

buildPanelOrderEditor()

function export buildPanelOrderEditor

(

)

describeCatalogue()

function describeCatalogue

(

c:CatalogueStatus

)

A worked example that re-renders as the four copy options change.

These are interacting switches — profile, metadata style, case, prefix — and a list of four labels with no preview is how a settings panel becomes unreadable. The example uses a fixed invented entry rather than one of the user's: the panel must show the same thing on an empty vault, and a real credential's name in a settings screenshot is a small leak for no gain.

wireCopyPreview()

function renderCopyPreview() wireCopyPreview

(

)

Assignment-guarded (invariant 9): openSettings runs on every open.

initSettingsTabs()

function initSettingsTabs

(

)

openSettings()

function export openSettings

(

)

cancelSettings()

function export cancelSettings

(

)

Discard edits made since the panel opened, including live previews.

saveSettings()

function export saveSettings

(

)

closeSettings()

function export closeSettings

(

)

Variable Documentation

THEMES

const THEMES

Initial value:

= [
  { id: 'dark', label: 'Dark', bg: '#0e0e0e', accent: '#7364c9' },
  { id: 'midnight', label: 'Midnight', bg: '#09090f', accent: '#5b8dd9' },
  { id: 'dracula', label: 'Dracula', bg: '#282a36', accent: '#bd93f9' },
  { id: 'nord', label: 'Nord', bg: '#2e3440', accent: '#88c0d0' },
  { id: 'catppuccin', label: 'Catppuccin', bg: '#1e1e2e', accent: '#cba6f7' },
  { id: 'light', label: 'Light', bg: '#f0f0f6', accent: '#6355b5' },
  {
    id: 'system',
    label: 'System',
    bg: 'linear-gradient(135deg, #0e0e0e 50%, #f0f0f6 50%)',
    accent: '#7364c9',
  },
]

SidebarSection

type SidebarSection = AppSettings['sidebarSections'][number]

SIDEBAR_SECTION_DEFS

const SIDEBAR_SECTION_DEFS

__pad0__

label __pad0__

label

ext label

DEFAULT_SIDEBAR_SECTIONS

label const DEFAULT_SIDEBAR_SECTIONS

price

label const price

env

label const env

category

label const category

project

label const project

tags

label const tags

pools

label const pools

prefixes

label const prefixes

CatalogueStatus

type CatalogueStatus

Initial value:

= {
  source: 'catalogue' | 'bundled';
  generated_at?: string;
  providers?: number;
}

VaultEntry

as unknown as VaultEntry

_tabsInited

let _tabsInited = false

_settingsSnapshot

let _settingsSnapshot

Settings as they were when the panel opened.

Theme and accent apply live (you need to see them to choose them), which previously made "Cancel" a lie — the preview had already been committed. Cancel now restores this snapshot.