Changeset 0.25.4 (#164)

This commit is contained in:
2026-03-09 20:17:46 +00:00
parent 2f7a0fb027
commit dbc1a97343
22 changed files with 660 additions and 491 deletions

View File

@@ -350,234 +350,9 @@ window.addEventListener('unhandledrejection', function(e) {
{{/* ── Hidden File Input ─────── */}}
<input type="file" id="fileInput" multiple style="display:none;">
{{/* ── Team Admin Modal ────────────────────── */}}
</div>
<div class="modal-body">
{{/* General tab */}}
<div id="settingsGeneralTab" class="settings-tab-content" style="display:block;">
<div class="form-group">
<label>Model</label>
<select id="settingsModel"></select>
</div>
<div class="form-group">
<label>System Prompt</label>
<textarea id="settingsSystemPrompt" rows="4"></textarea>
</div>
<div class="form-group">
<label>Max Tokens <span id="settingsMaxHint" class="form-hint"></span></label>
<input type="number" id="settingsMaxTokens" placeholder="default">
</div>
<div class="form-group">
<label>Temperature</label>
<input type="range" id="settingsTemp" min="0" max="2" step="0.1" value="0.7">
</div>
<div class="form-group">
<label><input type="checkbox" id="settingsThinking"> Show thinking blocks</label>
</div>
</div>
{{/* Appearance tab */}}
<div id="settingsAppearanceTab" class="settings-tab-content" style="display:none;">
<div class="form-group">
<label>Message Font Size</label>
<div style="display:flex;align-items:center;gap:8px;">
<input type="range" id="settingsMsgFont" min="12" max="20" step="1" value="14">
<span id="msgFontValue">14px</span>
</div>
</div>
<div class="form-group">
<label>UI Scale</label>
<div style="display:flex;align-items:center;gap:8px;">
<input type="range" id="settingsScale" min="0.8" max="1.2" step="0.05" value="1.0">
<span id="scaleValue">100%</span>
</div>
</div>
</div>
{{/* Providers tab */}}
<div id="settingsProvidersTab" class="settings-tab-content" style="display:none;">
<div id="userProvidersDisabled" class="notice" style="display:none;">Personal API keys are not enabled by your administrator.</div>
<button id="providerShowAddBtn" class="btn-small" style="display:none;">+ Add Provider</button>
<div id="providerAddForm" style="display:none;"></div>
<div id="providerList"></div>
</div>
{{/* Personas tab */}}
<div id="settingsPersonasTab" class="settings-tab-content" style="display:none;">
<button id="userAddPersonaBtn" class="btn-small" style="display:none;">+ New Persona</button>
<div id="userAddPersonaForm" style="display:none;"></div>
<div id="userPersonaList"></div>
</div>
{{/* Usage tab */}}
<div id="settingsUsageTab" class="settings-tab-content" style="display:none;">
<div id="myUsageTotals"></div>
</div>
{{/* Profile tab */}}
<div id="settingsProfileTab" class="settings-tab-content" style="display:none;">
<div class="form-group">
<label>Avatar</label>
<div style="display:flex;align-items:center;gap:12px;margin-bottom:4px;">
<div id="avatarPreview" class="user-avatar" style="width:48px;height:48px;font-size:20px;">
<span id="avatarPreviewLetter">?</span>
</div>
<div style="display:flex;gap:6px;">
<button id="avatarUploadBtn" class="btn-small">Upload</button>
<button id="avatarRemoveBtn" class="btn-small btn-danger" style="display:none;">Remove</button>
</div>
<input type="file" id="avatarFileInput" accept="image/*" style="display:none;">
</div>
</div>
<div class="form-group">
<label>Display Name</label>
<input type="text" id="profileDisplayName">
</div>
<div class="form-group">
<label>Email</label>
<input type="email" id="profileEmail" disabled>
</div>
<div class="form-group">
<button id="profileChangePwBtn" class="btn-small">Change Password</button>
<div id="profileChangePwForm" style="display:none;margin-top:8px;">
<input type="password" id="profileCurrentPw" placeholder="Current password" autocomplete="current-password" style="margin-bottom:6px;">
<input type="password" id="profileNewPw" placeholder="New password" autocomplete="new-password" style="margin-bottom:6px;">
<input type="password" id="profileConfirmPw" placeholder="Confirm new password" autocomplete="new-password" style="margin-bottom:6px;">
<button id="profileSavePwBtn" class="btn-small">Update Password</button>
</div>
</div>
</div>
{{/* Roles tab (admin) */}}
<div id="settingsRolesTab" class="settings-tab-content" style="display:none;">
<div id="userRolesDisabled" class="notice" style="display:none;"></div>
<div id="userRolesConfig"></div>
<div id="userModelList"></div>
</div>
{{/* KB tab */}}
<div id="settingsKBTab" class="settings-tab-content" style="display:none;">
<div id="kbManagePanel"></div>
</div>
{{/* Teams tab */}}
<div id="settingsTeamsTab" class="settings-tab-content" style="display:none;">
<div id="settingsTeamsList"></div>
<div id="settingsTeamMembers" style="display:none;"></div>
<div id="settingsTeamPersonas" style="display:none;">
<div id="teamPersonaList"></div>
</div>
<div id="settingsTeamProviders" style="display:none;">
<button id="settingsTeamAddProviderBtn" class="btn-small" style="display:none;">+ Add Provider</button>
<div id="settingsTeamProviderForm" style="display:none;"></div>
</div>
<div id="settingsTeamGroups" style="display:none;"></div>
<div id="settingsTeamAudit" style="display:none;"></div>
<div id="settingsTeamUsageTotals" style="display:none;"></div>
</div>
{{/* Memory tab */}}
<div id="settingsMemoryTab" class="settings-tab-content" style="display:none;">
<div id="settingsMemoryContent"></div>
</div>
</div>
<div class="modal-footer">
<button id="settingsSaveBtn" class="btn-primary" onclick="UI.saveSettingsAndClose()">Save</button>
<button class="btn-secondary" onclick="closeModal('settingsModal')">Cancel</button>
</div>
</div>
</div>
{{/* ── Admin Panel (SPA modal — fallback, admin surface is preferred) */}}
<div id="adminPanel" class="modal-overlay">
<div class="modal-content modal-xl">
<div class="modal-header">
<h2>Admin</h2>
<button class="modal-close" onclick="closeModal('adminPanel')"></button>
</div>
<div class="modal-body" style="display:flex;min-height:400px;">
<div id="adminSidebar" class="admin-sidebar"></div>
<div class="admin-content" style="flex:1;overflow-y:auto;padding:16px;">
{{/* Admin sections — dynamically shown/hidden by ui-admin.js */}}
<div id="adminStats" class="admin-section"></div>
<div id="adminModelList" class="admin-section" style="display:none;"></div>
<div id="adminProviderList" class="admin-section" style="display:none;"></div>
<div id="adminUserList" class="admin-section" style="display:none;"></div>
<div id="adminTeamList" class="admin-section" style="display:none;"></div>
<div id="adminHealthContent" class="admin-section" style="display:none;">
<button id="adminHealthRefreshBtn" class="btn-small">Refresh</button>
</div>
<div id="adminRolesContent" class="admin-section" style="display:none;"></div>
<div id="adminCapabilityList" class="admin-section" style="display:none;"></div>
<div id="adminExtensionsList" class="admin-section" style="display:none;"></div>
<div id="adminPricingTable" class="admin-section" style="display:none;"></div>
<div id="adminAuditList" class="admin-section" style="display:none;">
<div style="display:flex;gap:8px;margin-bottom:8px;">
<select id="auditFilterAction"><option value="">All actions</option></select>
<select id="auditFilterResource"><option value="">All resources</option></select>
</div>
<div id="auditPagination" style="display:flex;gap:8px;align-items:center;">
<button id="auditPrevBtn" class="btn-small" disabled>← Prev</button>
<span id="auditPageInfo"></span>
<button id="auditNextBtn" class="btn-small">Next →</button>
</div>
</div>
<div id="adminStorageContent" class="admin-section" style="display:none;"></div>
<div id="adminRoutingPolicyList" class="admin-section" style="display:none;">
<button id="adminAddRoutingPolicyBtn" class="btn-small">+ Add Policy</button>
<div id="adminRoutingForm" style="display:none;"></div>
<div style="margin-top:16px;border-top:1px solid var(--border);padding-top:16px;">
<h4>Test Routing</h4>
<div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
<input type="text" id="routingTestModel" placeholder="Model ID">
<input type="text" id="routingTestUser" placeholder="User ID (optional)">
<button id="routingTestBtn" class="btn-small">Test</button>
</div>
<pre id="routingTestResult" style="margin-top:8px;font-size:12px;"></pre>
</div>
</div>
<div id="adminUsageResults" class="admin-section" style="display:none;">
<div id="adminUsageTotals"></div>
<div id="_adminUsageContainer"></div>
</div>
{{/* Settings admin section */}}
<div class="admin-section" style="display:none;">
<div class="form-group"><label><input type="checkbox" id="adminRegToggle"> Registration Enabled</label></div>
<div class="form-group"><label>Default User State</label><select id="adminRegDefaultState"><option value="active">Active</option><option value="pending">Pending Approval</option></select></div>
<div class="form-group"><label><input type="checkbox" id="adminUserProvidersToggle"> Allow User BYOK</label></div>
<div class="form-group"><label><input type="checkbox" id="adminUserPersonasToggle"> Allow User Personas</label></div>
<div class="form-group"><label><input type="checkbox" id="adminKBDirectAccessToggle"> KB Direct Access</label></div>
<div class="form-group"><label>Default Model</label><select id="adminDefaultModel"></select></div>
<div class="form-group"><label>System Prompt</label><textarea id="adminSystemPrompt" rows="4"></textarea></div>
<div class="form-group"><label><input type="checkbox" id="adminBannerEnabled"> Banner</label></div>
<div id="bannerConfigFields" style="display:none;">
<input type="text" id="adminBannerText" placeholder="Banner text">
<div style="display:flex;gap:8px;margin-top:6px;">
<input type="color" id="adminBannerBg" value="#007a33"><input type="text" id="adminBannerBgHex" value="#007a33" style="width:80px;">
<input type="color" id="adminBannerFg" value="#ffffff"><input type="text" id="adminBannerFgHex" value="#ffffff" style="width:80px;">
</div>
<div id="bannerPreview" class="banner-preview" style="margin-top:8px;"></div>
</div>
<div class="form-group"><label><input type="checkbox" id="adminMemoryExtractionEnabled"> Memory Extraction</label></div>
<div id="memoryExtractionConfigFields" style="display:none;">
<label><input type="checkbox" id="adminMemoryAutoApprove"> Auto-approve</label>
</div>
<div class="form-group"><label><input type="checkbox" id="adminCompactionEnabled"> Auto-Compaction</label></div>
<div id="compactionConfigFields" style="display:none;">
<label>Threshold <input type="number" id="adminCompactionThreshold" value="100000"></label>
<label>Cooldown <input type="number" id="adminCompactionCooldown" value="3600"></label>
</div>
<div class="form-group">
<label>Web Search</label>
<select id="adminSearchProvider"><option value="">Disabled</option><option value="searxng">SearXNG</option></select>
<div id="searxngConfigFields" style="display:none;">
<input type="text" id="adminSearchEndpoint" placeholder="SearXNG URL">
<input type="text" id="adminSearchApiKey" placeholder="API key (optional)">
<input type="number" id="adminSearchMaxResults" placeholder="Max results" value="5">
</div>
</div>
<button id="adminRunCleanup" class="btn-small btn-danger" style="margin-top:12px;">Run Cleanup</button>
<div id="adminVaultStatus" style="margin-top:12px;"></div>
</div>
</div>
</div>
</div>
</div>
{{/* ── Team Admin Modal ────────────────────── */}}
<div id="teamAdminModal" class="modal-overlay">
<div class="modal-content modal-lg" style="max-width:900px;height:80vh;display:flex;flex-direction:column;">
<div class="modal" style="max-width:900px;height:80vh;display:flex;flex-direction:column;">
<div class="modal-header" style="flex-shrink:0;">
<h2 id="teamAdminTitle">Team Admin</h2>
<button id="teamAdminCloseBtn" class="modal-close"></button>
@@ -589,7 +364,7 @@ window.addEventListener('unhandledrejection', function(e) {
</div>
{{/* Tabbed team management */}}
<div id="teamAdminContent" style="display:none;flex:1;display:flex;flex-direction:column;min-width:0;">
<div id="teamAdminContent" class="team-admin-content" style="display:none;">
{{/* Tab bar */}}
<div id="teamAdminTabs" style="display:flex;gap:2px;padding:8px 16px;border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto;">
<button class="admin-tab active" data-ttab="members" onclick="UI.switchTeamTab('members')">Members</button>
@@ -628,8 +403,10 @@ window.addEventListener('unhandledrejection', function(e) {
{{/* Personas */}}
<div id="teamTabPersonas" class="team-tab-content" style="display:none;">
<div id="teamPersonaList"></div>
<div id="settingsTeamAddPersona" style="display:none;margin-top:12px;"></div>
<div id="settingsTeamPersonas" style="display:none;"></div>
<div style="display:none;"><select id="teamPersona_model"></select></div>
<button class="btn-small" id="settingsTeamAddPersonaBtn" style="margin-top:8px">+ New Persona</button>
</div>
{{/* Knowledge */}}