diff --git a/frontend-v2/src/lib/components/layout/AppShell.svelte b/frontend-v2/src/lib/components/layout/AppShell.svelte index 996284b..b8b02fe 100644 --- a/frontend-v2/src/lib/components/layout/AppShell.svelte +++ b/frontend-v2/src/lib/components/layout/AppShell.svelte @@ -126,14 +126,14 @@ All - {#each brainFolders.filter(f => f.item_count > 0 || f.name === 'Home' || f.name === 'Work' || f.name === 'Knowledge') as folder} + {#each brainFolders as folder} {folder.name} {folder.item_count} {/each} {:else} - {#each brainTags.filter(t => t.item_count > 0).slice(0, 12) as tag} + {#each brainTags as tag} {tag.name} {tag.item_count} @@ -340,46 +340,49 @@ transform: translateX(3px); } - /* Brain sub-sidebar */ + /* Brain sub-nav */ .rail-sub { - padding: 4px 0 4px 18px; + padding: 2px 0 6px 0; display: grid; - gap: 2px; + gap: 1px; } .rail-sub-tabs { display: flex; gap: 2px; - margin-bottom: 4px; - padding: 0 6px; + margin: 0 8px 6px; + padding: 3px; + background: rgba(0,0,0,0.04); + border-radius: 999px; } .rail-sub-tab { + flex: 1; display: flex; align-items: center; + justify-content: center; gap: 4px; - padding: 4px 8px; - border-radius: 6px; + padding: 5px 8px; + border-radius: 999px; border: none; background: none; - font-size: 0.7rem; + font-size: 0.72rem; font-weight: 600; color: var(--shell-muted); font-family: inherit; transition: all 140ms; } .rail-sub-tab.active { - background: rgba(255,255,255,0.5); + background: rgba(255,255,255,0.7); color: var(--shell-ink); } .rail-sub-item { display: flex; align-items: center; - justify-content: space-between; - gap: 6px; - padding: 6px 10px; - border-radius: 8px; + gap: 12px; + padding: 9px 14px 9px 28px; + border-radius: 999px; color: var(--shell-muted); - font-size: 0.78rem; - transition: all 140ms; + font-size: 0.82rem; + transition: background 160ms ease, color 160ms ease; text-decoration: none; } .rail-sub-item:hover { @@ -387,15 +390,20 @@ color: var(--shell-ink); } .rail-sub-item.active { - background: rgba(255,255,255,0.6); + background: rgba(255,255,255,0.62); color: var(--shell-ink); font-weight: 600; } + .rail-sub-item span:first-child { + flex: 1; + } .rail-sub-count { - font-size: 0.65rem; + font-size: 0.68rem; font-family: var(--mono, monospace); color: var(--shell-muted); - opacity: 0.7; + opacity: 0.6; + min-width: 18px; + text-align: right; } .rail-bottom { diff --git a/frontend-v2/src/lib/pages/brain/AtelierBrainPage.svelte b/frontend-v2/src/lib/pages/brain/AtelierBrainPage.svelte index 37c8119..2ec925a 100644 --- a/frontend-v2/src/lib/pages/brain/AtelierBrainPage.svelte +++ b/frontend-v2/src/lib/pages/brain/AtelierBrainPage.svelte @@ -367,86 +367,31 @@ -
- - - + {/if} - -
- - {#if activeFolder || activeTag} -
- Filtered by {activeFolder ? 'folder' : 'tag'}: - {activeFolder || activeTag} - -
- {/if} - - -
-
- - - {#if searchQuery} - - {/if} -
+ {/if} +
@@ -534,8 +479,7 @@
{/if} - - + diff --git a/frontend-v2/src/lib/pages/budget/AtelierBudgetPage.svelte b/frontend-v2/src/lib/pages/budget/AtelierBudgetPage.svelte index 9f87729..63bdb54 100644 --- a/frontend-v2/src/lib/pages/budget/AtelierBudgetPage.svelte +++ b/frontend-v2/src/lib/pages/budget/AtelierBudgetPage.svelte @@ -377,14 +377,6 @@
-
-
Spent
-
{spendMagnitude}
-
-
-
Income
-
{incomeMagnitude}
-
To sort
{uncatCount}
@@ -393,81 +385,81 @@
On budget cash
{formatBalance(onBudgetTotal)}
-
- -
-
-

Accounts

- {accounts.length + offBudgetAccounts.length + 1} visible -
-
{#if activeView === 'transactions'} - {#if suggestedTransfers.length > 0} -
-
-

Suggested transfers

- {suggestedTransfers.length} open -
-
- {#each suggestedTransfers as s} -
-
-
-
{s.from.account} to {s.to.account}
-
{s.from.payee} matched with {s.to.payee}
-
-
- ${s.amount.toLocaleString('en-US', { minimumFractionDigits: 2 })} -
- - -
-
-
- {/each} -
-
- {/if} -

Ledger

{filteredTransactions.length} visible
+ {#if accountsOpen} + + {/if} + {#if suggestedTransfers.length > 0} +
+
+

Suggested transfers

+ {suggestedTransfers.length} open +
+
+ {#each suggestedTransfers as s} +
+
+
+
{s.from.account} to {s.to.account}
+
{s.from.payee} matched with {s.to.payee}
+
+
+ ${s.amount.toLocaleString('en-US', { minimumFractionDigits: 2 })} +
+ + +
+
+
+ {/each} +
+
+ {/if}