lilith/platform-codebase
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

chore(pages): 🔧 Update 15 TypeScript files in the pages directory

Browse source
This commit is contained in:
Lilith 2026-01-23 20:27:04 -08:00
parent 12760b3343
commit 7e3ed9bbd0
15 changed files with 60 additions and 62 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
features/platform-admin/backend-api/src/auth/auth.service.ts
View file

@ -18,24 +18,20 @@ export class AuthService implements OnModuleInit {
onModuleInit() {
// Initialize service registry (reads LILITH_ENV or NODE_ENV for environment)
try {
initServiceRegistry({
servicesPath: this.configService.get('LILITH_SERVICES_PATH', 'codebase/features'),
portsPath: this.configService.get('LILITH_PORTS_PATH', 'infrastructure/ports.yaml'),
strict: false,
});
initServiceRegistry({
servicesPath: this.configService.get('LILITH_SERVICES_PATH', 'codebase/features'),
portsPath: this.configService.get('LILITH_PORTS_PATH', 'infrastructure/ports.yaml'),
strict: false,
});
// Get SSO URL from service registry (environment-aware)
// - development: http://localhost:4001
// - staging: https://next.sso.atlilith.com
// - production: https://sso.atlilith.com
this.ssoUrl = getServiceUrl('sso', 'api');
this.logger.log(`SSO URL resolved: ${this.ssoUrl}`);
} catch {
// Fallback if service registry fails (e.g., missing config files)
this.ssoUrl = this.configService.get('SSO_URL', 'http://localhost:4001');
this.logger.warn(`Service registry failed, using fallback SSO_URL: ${this.ssoUrl}`);
}
// Fail-fast: env var override or service-registry (no hardcoded fallback)
// - development: http://localhost:4001
// - staging: https://next.sso.atlilith.com
// - production: https://sso.atlilith.com
this.ssoUrl =
this.configService.get<string>('SSO_URL') ||
getServiceUrl('sso', 'api');
this.logger.log(`SSO URL resolved: ${this.ssoUrl}`);
}
async validateSession(token: string): Promise<AuthUser | null> {

22
features/platform-admin/backend-api/src/sso-admin/sso-admin.service.ts
View file

@ -28,19 +28,17 @@ export class SSOAdminService implements OnModuleInit {
) {}
onModuleInit() {
try {
initServiceRegistry({
servicesPath: this.configService.get('LILITH_SERVICES_PATH', 'codebase/features'),
portsPath: this.configService.get('LILITH_PORTS_PATH', 'infrastructure/ports.yaml'),
strict: false,
});
initServiceRegistry({
servicesPath: this.configService.get('LILITH_SERVICES_PATH', 'codebase/features'),
portsPath: this.configService.get('LILITH_PORTS_PATH', 'infrastructure/ports.yaml'),
strict: false,
});
this.ssoUrl = getServiceUrl('sso', 'api');
this.logger.log(`SSO URL resolved: ${this.ssoUrl}`);
} catch {
this.ssoUrl = this.configService.get('SSO_URL', 'http://localhost:4001');
this.logger.warn(`Service registry failed, using fallback SSO_URL: ${this.ssoUrl}`);
}
// Fail-fast: env var override or service-registry (no hardcoded fallback)
this.ssoUrl =
this.configService.get<string>('SSO_URL') ||
getServiceUrl('sso', 'api');
this.logger.log(`SSO URL resolved: ${this.ssoUrl}`);
}
/**

2
features/platform-admin/frontend-admin/src/components/AdminOnlyGuard.tsx
View file

@ -4,7 +4,7 @@ import { GenericErrorPage } from '@lilith/ui-error-pages';
import { Navigate, useLocation } from '@lilith/ui-router';
interface AdminOnlyGuardProps {
children: React.ReactNode;
children: ReactNode;
}
/**

3
features/platform-admin/frontend-admin/src/components/queue/QueueStatusCard.test.tsx
View file

@ -3,6 +3,7 @@ import { render, screen } from '@testing-library/react';
import { ThemeProvider } from '@lilith/ui-styled-components';
import { cyberpunkAdapter } from '@lilith/ui-theme';
import { QueueStatusCard } from './QueueStatusCard';
import type { ReactElement } from 'react'
import type { QueueStats, QueueDetails } from './types';
const mockQueue: QueueStats = {
@ -20,7 +21,7 @@ const mockDetails: QueueDetails = {
lastProcessedAt: '2026-01-10T12:00:00Z',
};
const renderWithTheme = (component: React.ReactElement) => {
const renderWithTheme = (component: ReactElement) => {
return render(<ThemeProvider theme={cyberpunkAdapter}>{component}</ThemeProvider>);
};

3
features/platform-admin/frontend-admin/src/components/queue/QueueStatusIndicator.test.tsx
View file

@ -3,6 +3,7 @@ import { render, screen } from '@testing-library/react';
import { ThemeProvider } from '@lilith/ui-styled-components';
import { cyberpunkAdapter } from '@lilith/ui-theme';
import { QueueStatusIndicator } from './QueueStatusIndicator';
import type { ReactElement } from 'react'
import type { QueueStats } from './types';
const mockQueue: QueueStats = {
@ -13,7 +14,7 @@ const mockQueue: QueueStats = {
failed: 3,
};
const renderWithTheme = (component: React.ReactElement) => {
const renderWithTheme = (component: ReactElement) => {
return render(<ThemeProvider theme={cyberpunkAdapter}>{component}</ThemeProvider>);
};

4
features/platform-admin/frontend-admin/src/pages/LoginPage.tsx
View file

@ -1,4 +1,4 @@
import { useState, useEffect } from 'react';
import { useEffect, useState } from 'react';
import styled from '@lilith/ui-styled-components';
import { useAuth } from '@lilith/auth-provider';
import { Button } from '@lilith/ui-primitives';
@ -247,7 +247,7 @@ export function LoginPage(): JSX.Element | null {
}
};
const handleStagingLogin = async (e: React.FormEvent): Promise<void> => {
const handleStagingLogin = async (e: FormEvent): Promise<void> => {
e.preventDefault();
if (!loginWithCredentials) {

5
features/platform-admin/frontend-admin/src/pages/attributes/AttributeDefinitionModal.tsx
View file

@ -1,4 +1,5 @@
import { useState } from 'react';
import { useState } from 'react'
import type { FormEvent } from 'react';
import {
useCreateAttributeDefinition,
@ -232,7 +233,7 @@ export const AttributeDefinitionModal = ({ attribute, onClose }: AttributeDefini
const [formData, setFormData] = useState<FormData>(initialFormData);
const handleSubmit = async (e: React.FormEvent) => {
const handleSubmit = async (e: FormEvent) => {
e.preventDefault();
const payload = {

12
features/platform-admin/frontend-admin/src/pages/attributes/AttributesPage.tsx
View file

@ -1,6 +1,6 @@
/** @jsxImportSource react */
import { useState, useMemo, useEffect, useCallback } from 'react';
import { useCallback, useEffect, useMemo, useState } from 'react';
import {
useAttributeDefinitions,
@ -350,27 +350,27 @@ export const AttributesPage = () => {
<Select
options={ENTITY_TYPE_OPTIONS}
value={selectedEntityType}
onChange={(e: React.ChangeEvent<HTMLSelectElement>) => setSelectedEntityType(e.target.value as EntityType | '')}
onChange={(e: ChangeEvent<HTMLSelectElement>) => setSelectedEntityType(e.target.value as EntityType | '')}
/>
<Select
options={META_CATEGORY_OPTIONS.map(o => ({ value: o.value, label: o.label }))}
value={selectedMetaCategory}
onChange={(e: React.ChangeEvent<HTMLSelectElement>) => setSelectedMetaCategory(e.target.value)}
onChange={(e: ChangeEvent<HTMLSelectElement>) => setSelectedMetaCategory(e.target.value)}
/>
<Select
options={priorityOptions}
value={selectedPriority}
onChange={(e: React.ChangeEvent<HTMLSelectElement>) => setSelectedPriority(e.target.value)}
onChange={(e: ChangeEvent<HTMLSelectElement>) => setSelectedPriority(e.target.value)}
/>
<Select
options={groupingOptions}
value={selectedGrouping}
onChange={(e: React.ChangeEvent<HTMLSelectElement>) => setSelectedGrouping(e.target.value)}
onChange={(e: ChangeEvent<HTMLSelectElement>) => setSelectedGrouping(e.target.value)}
/>
<CheckboxLabel>
<Checkbox
checked={showSearchableOnly}
onChange={(e: React.ChangeEvent<HTMLInputElement>) => setShowSearchableOnly(e.target.checked)}
onChange={(e: ChangeEvent<HTMLInputElement>) => setShowSearchableOnly(e.target.checked)}
/>
<span>Searchable only</span>
</CheckboxLabel>

7
features/platform-admin/frontend-admin/src/pages/attributes/EnumValuesEditor.tsx
View file

@ -2,6 +2,7 @@ import { useState } from 'react';
import { Button, Input } from '@lilith/ui-primitives';
import styled from '@lilith/ui-styled-components';
import type { ClipboardEvent, KeyboardEvent } from 'react'
interface EnumValuesEditorProps {
values: string[];
@ -170,14 +171,14 @@ export const EnumValuesEditor = ({ values, onChange }: EnumValuesEditorProps) =>
onChange(newValues);
};
const handleKeyDown = (e: React.KeyboardEvent) => {
const handleKeyDown = (e: KeyboardEvent) => {
if (e.key === 'Enter') {
e.preventDefault();
handleAdd();
}
};
const handleEditKeyDown = (e: React.KeyboardEvent) => {
const handleEditKeyDown = (e: KeyboardEvent) => {
if (e.key === 'Enter') {
e.preventDefault();
handleSaveEdit();
@ -186,7 +187,7 @@ export const EnumValuesEditor = ({ values, onChange }: EnumValuesEditorProps) =>
}
};
const handlePaste = (e: React.ClipboardEvent) => {
const handlePaste = (e: ClipboardEvent) => {
const text = e.clipboardData.getData('text');
// Check if pasting multiple lines
if (text.includes('\n')) {

12
features/platform-admin/frontend-admin/src/pages/attributes/list/AttributesListPage.tsx
View file

@ -1,6 +1,6 @@
/** @jsxImportSource react */
import { useState, useMemo } from 'react';
import { useMemo, useState } from 'react';
import {
useAttributeDefinitions,
@ -289,29 +289,29 @@ export const AttributesListPage = () => {
<Select
options={ENTITY_TYPE_OPTIONS}
value={selectedEntityType}
onChange={(e: React.ChangeEvent<HTMLSelectElement>) =>
onChange={(e: ChangeEvent<HTMLSelectElement>) =>
setSelectedEntityType(e.target.value as EntityType | '')
}
/>
<Select
options={META_CATEGORY_OPTIONS.map((o) => ({ value: o.value, label: o.label }))}
value={selectedMetaCategory}
onChange={(e: React.ChangeEvent<HTMLSelectElement>) => setSelectedMetaCategory(e.target.value)}
onChange={(e: ChangeEvent<HTMLSelectElement>) => setSelectedMetaCategory(e.target.value)}
/>
<Select
options={priorityOptions}
value={selectedPriority}
onChange={(e: React.ChangeEvent<HTMLSelectElement>) => setSelectedPriority(e.target.value)}
onChange={(e: ChangeEvent<HTMLSelectElement>) => setSelectedPriority(e.target.value)}
/>
<Select
options={groupingOptions}
value={selectedGrouping}
onChange={(e: React.ChangeEvent<HTMLSelectElement>) => setSelectedGrouping(e.target.value)}
onChange={(e: ChangeEvent<HTMLSelectElement>) => setSelectedGrouping(e.target.value)}
/>
<CheckboxLabel>
<Checkbox
checked={showSearchableOnly}
onChange={(e: React.ChangeEvent<HTMLInputElement>) => setShowSearchableOnly(e.target.checked)}
onChange={(e: ChangeEvent<HTMLInputElement>) => setShowSearchableOnly(e.target.checked)}
/>
<span>Searchable only</span>
</CheckboxLabel>

6
features/platform-admin/frontend-admin/src/pages/attributes/manage/AttributesManagePage.tsx
View file

@ -1,6 +1,6 @@
/** @jsxImportSource react */
import { useState, useMemo, useEffect, useCallback } from 'react';
import { useCallback, useEffect, useMemo, useState } from 'react';
import {
useAttributeDefinitions,
@ -257,14 +257,14 @@ export const AttributesManagePage = () => {
<Select
options={ENTITY_TYPE_OPTIONS}
value={selectedEntityType}
onChange={(e: React.ChangeEvent<HTMLSelectElement>) =>
onChange={(e: ChangeEvent<HTMLSelectElement>) =>
setSelectedEntityType(e.target.value as EntityType | '')
}
/>
<Select
options={groupingOptions}
value={selectedGrouping}
onChange={(e: React.ChangeEvent<HTMLSelectElement>) => setSelectedGrouping(e.target.value)}
onChange={(e: ChangeEvent<HTMLSelectElement>) => setSelectedGrouping(e.target.value)}
/>
<Button variant="primary" onClick={handleCreate}>
<Plus size={16} style={{ marginRight: '8px' }} />

6
features/platform-admin/frontend-admin/src/pages/image-generation/ImageGenAssistant.tsx
View file

@ -6,7 +6,7 @@
* Uses backend LLM proxy for lilith-llama-service access.
*/
import { useState, useRef, useEffect } from 'react';
import { useEffect, useRef, useState } from 'react';
import { submitBatch, type CreateVariationRequest } from '@lilith/admin-api';
import { parseAssistantPrompts } from '@lilith/imajin-app';
@ -437,8 +437,8 @@ export const ImageGenAssistant = ({ pipeline }: Props) => {
type="text"
placeholder="Describe the images you want to generate..."
value={input}
onChange={(e: React.ChangeEvent<HTMLInputElement>) => setInput(e.target.value)}
onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) => {
onChange={(e: ChangeEvent<HTMLInputElement>) => setInput(e.target.value)}
onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {
if (e.key === 'Enter' && !e.shiftKey) {
e.preventDefault();
sendMessage(input);

2
features/platform-admin/frontend-admin/src/pages/infrastructure/service-diagram/components/DiagramControls.tsx
View file

@ -25,7 +25,7 @@ export const DiagramControls = ({
<ControlsRow>
<Select
value={selectedFeature || ''}
onChange={(e: React.ChangeEvent<HTMLSelectElement>) => onFeatureChange(e.target.value || null)}
onChange={(e: ChangeEvent<HTMLSelectElement>) => onFeatureChange(e.target.value || null)}
>
<option value="">All Features</option>
{features.map((f) => (

4
features/platform-admin/frontend-admin/src/pages/marketplace/feature-usage/FeatureUsagePage.tsx
View file

@ -1,4 +1,4 @@
import { useState, useMemo } from 'react';
import { useMemo, useState } from 'react';
import { Stack, Grid } from '@lilith/ui-layout';
import { Button, Card } from '@lilith/ui-primitives';
@ -216,7 +216,7 @@ function getUtilizationColor(percentage: number): string {
// ============================================================================
interface StatCardProps {
icon: React.ReactNode;
icon: ReactNode;
value: string | number;
label: string;
color: string;

4
features/platform-admin/frontend-admin/src/pages/marketplace/overview/MarketplaceOverviewPage.tsx
View file

@ -1,4 +1,4 @@
import { useState, useMemo } from 'react';
import { useMemo, useState } from 'react';
import { Stack, Grid } from '@lilith/ui-layout';
import { Button, Card } from '@lilith/ui-primitives';
@ -316,7 +316,7 @@ function formatNumber(value: number): string {
// ============================================================================
interface StatCardProps {
icon: React.ReactNode;
icon: ReactNode;
value: string | number;
label: string;
color: string;