dsh-prompt-customizer 0.1.0

package/src/client/locales.ts

@@ -0,0 +1,81 @@
+/** Locale dictionaries for the prompt-customizer panel. */
+export const DICT = {
+  zh: {
+    nav: '提示词定制',
+    loading: '加载中…',
+    unavailable: '当前环境未启用本命名空间。',
+    tabsSections: '提示词',
+    tabsTools: '工具',
+    tabsPresets: '预设',
+    refresh: '刷新',
+    blockedOff: '未屏蔽',
+    blockedOn: '已屏蔽',
+    replaced: '已替换',
+    replace: '替换',
+    clearReplace: '清除替换',
+    injectNew: '注入新段',
+    name: '名称',
+    order: '顺序',
+    text: '文本',
+    add: '添加',
+    hiddenOff: '可见',
+    hiddenOn: '已隐藏',
+    includeMode: '白名单模式：仅保留勾选项',
+    excludeMode: '黑名单模式：勾选 = 隐藏',
+    empty: '（空）',
+    dynamic: '<动态生成>',
+    drag: '拖动排序',
+    moveUp: '上移',
+    moveDown: '下移',
+    savePreset: '保存当前为预设',
+    presetName: '预设名称',
+    save: '保存',
+    importPreset: '导入预设',
+    import: '导入',
+    apply: '应用',
+    export: '导出',
+    delete: '删除',
+    active: '使用中',
+    preset: '预设',
+  },
+  en: {
+    nav: 'Prompt Customizer',
+    loading: 'Loading…',
+    unavailable: 'Namespace unavailable in this environment.',
+    tabsSections: 'Sections',
+    tabsTools: 'Tools',
+    tabsPresets: 'Presets',
+    refresh: 'Refresh',
+    blockedOff: 'Active',
+    blockedOn: 'Blocked',
+    replaced: 'Replaced',
+    replace: 'Replace',
+    clearReplace: 'Clear',
+    injectNew: 'Inject section',
+    name: 'Name',
+    order: 'Order',
+    text: 'Text',
+    add: 'Add',
+    hiddenOff: 'Visible',
+    hiddenOn: 'Hidden',
+    includeMode: 'Whitelist: keep only checked',
+    excludeMode: 'Blacklist: check to hide',
+    empty: '(empty)',
+    dynamic: '<dynamic>',
+    drag: 'Drag to reorder',
+    moveUp: 'Move up',
+    moveDown: 'Move down',
+    savePreset: 'Save current as preset',
+    presetName: 'Preset name',
+    save: 'Save',
+    importPreset: 'Import preset',
+    import: 'Import',
+    apply: 'Apply',
+    export: 'Export',
+    delete: 'Delete',
+    active: 'Active',
+    preset: 'Preset',
+  },
+} as const
+
+export type Translate = (key: string) => string

package/src/client/styles.ts

@@ -0,0 +1,36 @@
+/** Inline styles shared by the prompt-customizer panel components. */
+export const s = (() => {
+  const flex = { display: 'flex', alignItems: 'center' }
+  return {
+    root: { fontFamily: 'inherit', fontSize: 13, lineHeight: 1.5 },
+    bar: { ...flex, gap: 6, marginBottom: 8, flexWrap: 'wrap' },
+    tab: { padding: '4px 10px', border: '1px solid rgba(128,128,128,.35)', borderRadius: 6, background: 'transparent', cursor: 'pointer', color: 'inherit', opacity: 0.75 },
+    tabActive: { padding: '4px 10px', border: '1px solid rgba(128,128,128,.7)', borderRadius: 6, background: 'rgba(128,128,128,.18)', cursor: 'pointer', color: 'inherit' },
+    refresh: { marginLeft: 'auto', padding: '4px 10px', border: '1px solid rgba(128,128,128,.35)', borderRadius: 6, background: 'transparent', cursor: 'pointer', color: 'inherit' },
+    list: { display: 'flex', flexDirection: 'column', gap: 6 },
+    row: { ...flex, gap: 8, padding: '6px 8px', border: '1px solid rgba(128,128,128,.2)', borderRadius: 8, background: 'rgba(128,128,128,.06)' },
+    switchWrap: { ...flex, gap: 6, minWidth: 90 },
+    rowBody: { flex: 1, minWidth: 0 },
+    rowTitle: { ...flex, gap: 6, alignItems: 'baseline', flexWrap: 'wrap' },
+    code: { fontFamily: 'monospace', fontSize: 12, wordBreak: 'break-all' },
+    orderTag: { color: 'rgba(128,128,128,.8)', fontSize: 11 },
+    preview: { color: 'rgba(128,128,128,.85)', fontSize: 12, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' },
+    badgeOk: { color: '#3fb950', fontSize: 11, border: '1px solid rgba(63,185,80,.5)', borderRadius: 999, padding: '0 6px' },
+    badgeBlocked: { color: '#f85149', fontSize: 11, border: '1px solid rgba(248,81,73,.5)', borderRadius: 999, padding: '0 6px' },
+    badgeReplaced: { color: '#d29922', fontSize: 11, border: '1px solid rgba(210,153,34,.5)', borderRadius: 999, padding: '0 6px' },
+    mini: { padding: '3px 8px', border: '1px solid rgba(128,128,128,.35)', borderRadius: 6, background: 'transparent', cursor: 'pointer', color: 'inherit', whiteSpace: 'nowrap' },
+    arrowCol: { display: 'flex', flexDirection: 'column', gap: 2 },
+    arrow: { padding: '0 6px', border: '1px solid rgba(128,128,128,.3)', borderRadius: 4, background: 'transparent', cursor: 'pointer', color: 'inherit', fontSize: 11, lineHeight: 1.4, opacity: 0.8 },
+    rowDragging: { opacity: 0.4 },
+    rowDropAbove: { boxShadow: '0 -2px 0 0 #58a6ff' },
+    rowDropBelow: { boxShadow: '0 2px 0 0 #58a6ff' },
+    dragHandle: { cursor: 'grab', color: 'rgba(128,128,128,.7)', fontSize: 13, padding: '0 2px', userSelect: 'none' },
+    injectBox: { marginTop: 10, padding: '8px', border: '1px dashed rgba(128,128,128,.4)', borderRadius: 8, display: 'flex', flexDirection: 'column', gap: 6 },
+    injectRow: { ...flex, gap: 6 },
+    editBox: { display: 'flex', flexDirection: 'column', gap: 6, marginTop: 4 },
+    editInput: { padding: '6px', border: '1px solid rgba(128,128,128,.35)', borderRadius: 6, background: 'transparent', color: 'inherit', fontFamily: 'inherit', fontSize: 12, resize: 'vertical', width: '100%', boxSizing: 'border-box' },
+    input: { padding: '4px 6px', border: '1px solid rgba(128,128,128,.35)', borderRadius: 6, background: 'transparent', color: 'inherit' },
+    muted: { color: 'rgba(128,128,128,.75)', fontSize: 12 },
+    error: { color: '#f85149', fontSize: 12, marginBottom: 6 },
+  }
+})()

package/src/client/types.ts

@@ -0,0 +1,41 @@
+/** Shared types for the prompt-customizer client panel. */
+
+/** The settings scope used to read/write the namespace config. */
+export interface SettingsScope {
+  getSnapshot(): { status: string; value?: unknown; revision: number; writable: boolean }
+  subscribe(callback: () => void): () => void
+  set(field: string, value: unknown): void
+  unset(field: string): void
+}
+
+/** Inventory payload from the host route. */
+export interface Inventory {
+  sections: Array<{ name: string; order: number; text?: string; active: boolean; replaced: boolean }>
+  tools: Array<{ name: string; description?: string; hidden: boolean }>
+}
+
+/** The resolved config object (namespace value). */
+export interface Config {
+  sections?: string[]
+  replace?: Record<string, string>
+  inject?: Array<{ name: string; order: number; text: string }>
+  tools?: { exclude?: string[]; include?: string[] }
+  presets?: Preset[]
+  activePreset?: string
+}
+
+/** A complete customization snapshot that can be saved / applied / exported. */
+export interface Preset {
+  id: string
+  name: string
+  data: PresetData
+}
+
+/** The customization fields a preset captures (full snapshot). */
+export interface PresetData {
+  sections?: string[]
+  replace?: Record<string, string>
+  /** Relative order: each section records the section it should follow. */
+  order?: Array<{ name: string; after?: string; text: string }>
+  tools?: { exclude?: string[]; include?: string[] }
+}