bytelyst/learning_ai_invt_trdg
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(ui): close residual theme audit debt

Browse Source
This commit is contained in:
root 2026-05-07 06:21:32 +00:00
parent 57f7f35ad7
commit 5453bb4922
6 changed files with 38 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
scripts/ui-drift-audit.sh
View File

@ -40,24 +40,33 @@ def included(path: pathlib.Path) -> bool:
def approved_ui(path: pathlib.Path) -> bool: def approved_ui(path: pathlib.Path) -> bool:
return "components" in path.parts and "ui" in path.parts return "components" in path.parts and "ui" in path.parts
def collect(pattern: re.Pattern[str], exclude_approved_ui: bool) -> list[tuple[str, int, str]]: def collect(
pattern: re.Pattern[str],
exclude_approved_ui: bool,
label: str,
) -> list[tuple[str, int, str]]:
matches = [] matches = []
for path in sorted(web_src.rglob("*")): for path in sorted(web_src.rglob("*")):
if not path.is_file() or not included(path): if not path.is_file() or not included(path):
continue continue
if exclude_approved_ui and approved_ui(path): if exclude_approved_ui and approved_ui(path):
continue continue
rel = path.relative_to(web_src).as_posix()
if label == "hardcoded color literals" and rel == "index.css":
continue
try: try:
lines = path.read_text(encoding="utf-8").splitlines() lines = path.read_text(encoding="utf-8").splitlines()
except UnicodeDecodeError: except UnicodeDecodeError:
continue continue
rel = path.relative_to(web_src).as_posix()
for line_number, line in enumerate(lines, start=1): for line_number, line in enumerate(lines, start=1):
if pattern.search(line): if pattern.search(line):
matches.append((rel, line_number, line.rstrip())) matches.append((rel, line_number, line.rstrip()))
return matches return matches
results = [(label, title, collect(pattern, exclude_approved_ui)) for label, title, pattern, exclude_approved_ui in patterns] results = [
(label, title, collect(pattern, exclude_approved_ui, label))
for label, title, pattern, exclude_approved_ui in patterns
]
total = sum(len(matches) for _, _, matches in results) total = sum(len(matches) for _, _, matches in results)
print(f"UI drift audit mode={mode}") print(f"UI drift audit mode={mode}")

6
web/src/lib/TierPolicy.ts
View File

@ -12,19 +12,19 @@ export const TIER_POLICIES: Record<UserTier, TierPermissions> = {
allowedRiskStyleIds: ['safe'], allowedRiskStyleIds: ['safe'],
maxDailyProfitTargetUsd: 0, // No profit target adjustment maxDailyProfitTargetUsd: 0, // No profit target adjustment
label: 'Free Tier', label: 'Free Tier',
color: '#94a3b8' // Zinc-400 color: 'var(--bl-text-secondary)'
}, },
pro: { pro: {
allowedRiskStyleIds: ['safe', 'balanced'], allowedRiskStyleIds: ['safe', 'balanced'],
maxDailyProfitTargetUsd: 100, maxDailyProfitTargetUsd: 100,
label: 'Pro Tier', label: 'Pro Tier',
color: '#3b82f6' // Blue-500 color: 'var(--bl-info-strong)'
}, },
elite: { elite: {
allowedRiskStyleIds: ['safe', 'balanced', 'aggressive'], allowedRiskStyleIds: ['safe', 'balanced', 'aggressive'],
maxDailyProfitTargetUsd: 10000, maxDailyProfitTargetUsd: 10000,
label: 'Elite Tier', label: 'Elite Tier',
color: '#00ff88' // Primary Green color: 'var(--bl-success)'
} }
}; };

4
web/src/tabs/EntriesTab.tsx
View File

@ -141,7 +141,7 @@ export const EntriesTab = ({ botState = DEFAULT_BOT_STATE }: EntriesTabProps) =>
const entryState = deriveEntryState(entry, botState); const entryState = deriveEntryState(entry, botState);
return ( return (
<div key={entry.stock_instance_id} className="group relative rounded-[2.5rem] p-1 transition-all duration-500 bg-white/[0.01] hover:bg-gradient-to-br hover:from-green-500/10 hover:to-transparent"> <div key={entry.stock_instance_id} className="group relative rounded-[2.5rem] p-1 transition-all duration-500 bg-white/[0.01] hover:bg-gradient-to-br hover:from-green-500/10 hover:to-transparent">
<div className="bg-[#0a0b0d] border border-white/5 rounded-[2.4rem] p-8 h-full flex flex-col transition-all group-hover:border-white/10 group-hover:shadow-2xl"> <div className="bg-[var(--card-elevated)] border border-white/5 rounded-[2.4rem] p-8 h-full flex flex-col transition-all group-hover:border-white/10 group-hover:shadow-2xl">
{/* Card Top */} {/* Card Top */}
<div className="flex items-start justify-between mb-8"> <div className="flex items-start justify-between mb-8">
@ -248,7 +248,7 @@ export const EntriesTab = ({ botState = DEFAULT_BOT_STATE }: EntriesTabProps) =>
{/* 2. FORM DRAWER (IF ADDING/EDITING) */} {/* 2. FORM DRAWER (IF ADDING/EDITING) */}
{(isAdding || editingEntry) && ( {(isAdding || editingEntry) && (
<div className="bg-[#0a0b0d] border border-white/10 rounded-[3rem] p-10 shadow-2xl animate-in zoom-in-95 duration-300"> <div className="bg-[var(--card-elevated)] border border-white/10 rounded-[3rem] p-10 shadow-2xl animate-in zoom-in-95 duration-300">
<div className="flex items-center justify-between mb-8"> <div className="flex items-center justify-between mb-8">
<h3 className="text-lg font-black text-white uppercase tracking-tight flex items-center gap-3"> <h3 className="text-lg font-black text-white uppercase tracking-tight flex items-center gap-3">
<Plus size={20} className="text-green-400" /> <Plus size={20} className="text-green-400" />

4
web/src/tabs/MembershipTab.tsx
View File

@ -22,7 +22,7 @@ const PlanCard: React.FC<{
}> = ({ id, policy }) => { }> = ({ id, policy }) => {
const isElite = id === 'elite'; const isElite = id === 'elite';
const isPro = id === 'pro'; const isPro = id === 'pro';
const themeColor = isElite ? '#00ff88' : isPro ? '#3498db' : '#929292'; const themeColor = isElite ? 'var(--bl-success)' : isPro ? 'var(--bl-info-strong)' : 'var(--bl-text-secondary)';
const price = id === 'free' ? '$0' : id === 'pro' ? '$49' : '$199'; const price = id === 'free' ? '$0' : id === 'pro' ? '$49' : '$199';
const description = id === 'free' const description = id === 'free'
@ -78,7 +78,7 @@ const PlanCard: React.FC<{
<span style={{ fontSize: 14, color: 'var(--muted-foreground)', fontWeight: 900, textTransform: 'uppercase' }}>/mo</span> <span style={{ fontSize: 14, color: 'var(--muted-foreground)', fontWeight: 900, textTransform: 'uppercase' }}>/mo</span>
</div> </div>
<div className="stat-chip"> <div className="stat-chip">
<Sparkles size={14} style={{ color: '#fbbf24' }} /> <Sparkles size={14} style={{ color: 'var(--bl-warning)' }} />
Professional grade DNA Professional grade DNA
</div> </div>
</div> </div>

14
web/src/tabs/PositionsTab.tsx
View File

@ -1299,7 +1299,7 @@ export const PositionsTab = ({ botState, onManageHolding }: PositionsTabProps) =
variant="ghost" variant="ghost"
size="sm" size="sm"
className={`h-auto rounded-none px-4 py-3 text-sm font-semibold transition-all border-b-2 ${selectedProfileId === 'all' className={`h-auto rounded-none px-4 py-3 text-sm font-semibold transition-all border-b-2 ${selectedProfileId === 'all'
? 'border-[#00ff88] text-[#00ff88]' ? 'border-[var(--bl-success)] text-[var(--bl-success)]'
: 'border-transparent text-gray-500 hover:text-white' : 'border-transparent text-gray-500 hover:text-white'
}`} }`}
> >
@ -1313,7 +1313,7 @@ export const PositionsTab = ({ botState, onManageHolding }: PositionsTabProps) =
variant="ghost" variant="ghost"
size="sm" size="sm"
className={`h-auto rounded-none px-4 py-3 text-sm font-semibold transition-all border-b-2 ${selectedProfileId === p.id className={`h-auto rounded-none px-4 py-3 text-sm font-semibold transition-all border-b-2 ${selectedProfileId === p.id
? 'border-[#00ff88] text-[#00ff88]' ? 'border-[var(--bl-success)] text-[var(--bl-success)]'
: 'border-transparent text-gray-500 hover:text-white' : 'border-transparent text-gray-500 hover:text-white'
}`} }`}
> >
@ -2002,11 +2002,11 @@ export const PositionsTab = ({ botState, onManageHolding }: PositionsTabProps) =
{trace.stateReason} {trace.stateReason}
</div> </div>
<div className="flex items-center justify-end gap-2 text-white/60"> <div className="flex items-center justify-end gap-2 text-white/60">
{trace.entryOrder && <Lock size={14} aria-label="Lock acquired" className="text-[#38bdf8]" />} {trace.entryOrder && <Lock size={14} aria-label="Lock acquired" className="text-[var(--bl-info-strong)]" />}
{trace.hasHistoryMatch && <RefreshCw size={14} aria-label="Reconciliation applied" className="text-[#22c55e]" />} {trace.hasHistoryMatch && <RefreshCw size={14} aria-label="Reconciliation applied" className="text-[var(--bl-success)]" />}
{trace.state === 'PARTIAL_EXIT' && <AlertTriangle size={14} aria-label="Partial fill" className="text-[#facc15]" />} {trace.state === 'PARTIAL_EXIT' && <AlertTriangle size={14} aria-label="Partial fill" className="text-[var(--bl-warning)]" />}
{trace.hasCancel && <XCircle size={14} aria-label="Cancel detected" className="text-[#f87171]" />} {trace.hasCancel && <XCircle size={14} aria-label="Cancel detected" className="text-[var(--bl-danger)]" />}
{trace.state === 'CLOSED' && <CheckCircle size={14} aria-label="Finalized" className="text-[#34d399]" />} {trace.state === 'CLOSED' && <CheckCircle size={14} aria-label="Finalized" className="text-[var(--bl-success)]" />}
</div> </div>
</div> </div>

24
web/src/tabs/SettingsTab.tsx
View File

@ -220,7 +220,7 @@ export const SettingsTab = ({ botState }: SettingsTabProps) => {
{/* Break */} {/* Break */}
<div className="form-group full-width" style={{ marginTop: '10px', opacity: 0.5 }}> <div className="form-group full-width" style={{ marginTop: '10px', opacity: 0.5 }}>
<hr style={{ border: '0', borderTop: '1px solid rgba(255,255,255,0.1)' }} /> <hr style={{ border: '0', borderTop: '1px solid var(--bl-border-subtle)' }} />
<small>Research & Screener Credentials</small> <small>Research & Screener Credentials</small>
</div> </div>
@ -250,7 +250,7 @@ export const SettingsTab = ({ botState }: SettingsTabProps) => {
</div> </div>
<div className="form-group full-width" style={{ marginTop: '10px', opacity: 0.5 }}> <div className="form-group full-width" style={{ marginTop: '10px', opacity: 0.5 }}>
<hr style={{ border: '0', borderTop: '1px solid rgba(255,255,255,0.1)' }} /> <hr style={{ border: '0', borderTop: '1px solid var(--bl-border-subtle)' }} />
<small>Alpaca Credentials</small> <small>Alpaca Credentials</small>
</div> </div>
@ -314,8 +314,8 @@ export const SettingsTab = ({ botState }: SettingsTabProps) => {
<style>{` <style>{`
.primary-button { .primary-button {
background: #00ff88; background: var(--bl-success);
color: #000; color: black;
border: none; border: none;
padding: 8px 16px; padding: 8px 16px;
border-radius: 6px; border-radius: 6px;
@ -324,8 +324,8 @@ export const SettingsTab = ({ botState }: SettingsTabProps) => {
} }
.secondary-button { .secondary-button {
background: transparent; background: transparent;
color: #ccc; color: var(--bl-text-secondary);
border: 1px solid #ccc; border: 1px solid var(--bl-text-secondary);
padding: 8px 16px; padding: 8px 16px;
border-radius: 6px; border-radius: 6px;
cursor: pointer; cursor: pointer;
@ -344,15 +344,15 @@ export const SettingsTab = ({ botState }: SettingsTabProps) => {
gap: 8px; gap: 8px;
} }
.form-group label { .form-group label {
color: #929292; color: var(--bl-text-secondary);
font-size: 0.85rem; font-size: 0.85rem;
} }
.form-group input { .form-group input {
background: rgba(255, 255, 255, 0.05); background: var(--bl-surface-highlight);
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid var(--bl-border-subtle);
padding: 10px; padding: 10px;
border-radius: 6px; border-radius: 6px;
color: #fff; color: var(--foreground);
font-family: monospace; font-family: monospace;
} }
.form-group input:disabled { .form-group input:disabled {
@ -369,12 +369,12 @@ export const SettingsTab = ({ botState }: SettingsTabProps) => {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 8px; gap: 8px;
color: #9aa0a6; color: var(--bl-text-secondary);
font-size: 0.9rem; font-size: 0.9rem;
line-height: 1.5; line-height: 1.5;
} }
.settings-hint a { .settings-hint a {
color: #00ff88; color: var(--bl-success);
text-decoration: none; text-decoration: none;
} }
.settings-hint a:hover { .settings-hint a:hover {