jpmschweitzerandClaude Fable 5
959ec7ddc4
The Claude sidebar's settings table was read-only 12px rows. It becomes the power panel's core: - model / effort / permission-mode rows are popover controls on the owned anchored-menu primitive (ClideAnchoredOverlay + ClideMenu), showing the LIVE session values (SessionStatus, falling back to the probe/settings) with the active option marked. - Picking an option publishes the explicit slash command (`/effort xhigh`) on builtin.claude/command; the PRIMARY pane subscribes and executes it through the same _send routing the composer uses — the control and the typed command are one code path (D-6), which is also what lets the sidebar drive /effort's respawn flow without reaching into the pane. Only the primary pane listens (controls target the primary session; a second listener would double-execute). - Styling pass (user request): shared meta tables move from 12px- everything to 13px labels/values, accent-coloured section headers, wider row pitch; control rows get hover affordance + caret. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
79 lines
2.6 KiB
Dart
79 lines
2.6 KiB
Dart
/// Shared models + table geometry for the Claude meta sidebar's tabs.
|
|
/// Split out of claude_meta_sidebar.dart (T-395).
|
|
library;
|
|
|
|
import 'package:clide/kernel/kernel.dart';
|
|
import 'package:clide/widgets/widgets.dart';
|
|
import 'package:flutter/widgets.dart';
|
|
|
|
/// The shared label-column width + row pitch the Activity and Config tables
|
|
/// both use, so toggling between tabs keeps every value at the same x and y.
|
|
const double kMetaLabelColumnWidth = 110;
|
|
const double kMetaRowPitch = 6;
|
|
|
|
/// Type scale for the sidebar tables (T-414 styling pass): labels/values read
|
|
/// at meta size (13) — the old 12px-everything read as bland and cramped.
|
|
const double kMetaFont = clideFontMeta;
|
|
|
|
/// The sidebar's sub-tabs.
|
|
enum SidebarTab { activity, team, config }
|
|
|
|
// T-183: accordion sections for the Config tab.
|
|
enum ConfigSection { skills, agents, commands, hooks, permissions, mcpServers }
|
|
|
|
/// Permission kind for colour-coding in the Config tab (T-183).
|
|
enum ConfigPermKind { allow, ask, deny }
|
|
|
|
class MetaSection {
|
|
const MetaSection(this.header, this.rows);
|
|
final String header;
|
|
final List<MetaRow> rows;
|
|
}
|
|
|
|
class MetaRow {
|
|
const MetaRow(this.label, this.value, {this.valueColor});
|
|
final String label;
|
|
final String value;
|
|
final Color? valueColor;
|
|
}
|
|
|
|
/// The muted empty-state body shared by every tab.
|
|
Widget metaPlaceholder(String text) => Padding(
|
|
padding: const EdgeInsets.all(12),
|
|
child: ClideText(text, muted: true, fontSize: kMetaFont),
|
|
);
|
|
|
|
/// Key→value sections on the shared table geometry (Activity + Config).
|
|
Widget buildMetaTable(SurfaceTokens tokens, List<MetaSection> sections) {
|
|
final children = <Widget>[];
|
|
for (var i = 0; i < sections.length; i++) {
|
|
final s = sections[i];
|
|
children.add(
|
|
Padding(
|
|
padding: EdgeInsets.only(top: i == 0 ? 0 : 18, bottom: 8),
|
|
child: ClideText(s.header, fontSize: clideFontSmall, color: tokens.sidebarSectionHeader),
|
|
),
|
|
);
|
|
for (final r in s.rows) {
|
|
children.add(
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: kMetaRowPitch),
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
SizedBox(
|
|
width: kMetaLabelColumnWidth,
|
|
child: ClideText(r.label, muted: true, fontSize: kMetaFont),
|
|
),
|
|
Expanded(
|
|
child: ClideText(r.value, fontSize: kMetaFont, color: r.valueColor ?? tokens.globalForeground),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
return ListView(padding: const EdgeInsets.all(12), children: children);
|
|
}
|