jpmschweitzerandClaude Fable 5
31df537770
The 1192-LOC sidebar monolith now keeps only its lifecycle — stats polling, team membership streams, primary-session binding, broker subscription, inject + accordion state — and switches between stateless, props-driven tab views under meta_sidebar/: - models.dart — SidebarTab/ConfigSection/ConfigPermKind enums, the MetaSection/MetaRow models, and the shared table geometry both Activity and Config render on - activity_tab.dart / team_tab.dart / config_tab.dart — the three bodies; accordion expansion stays in the parent (survives tab switches) and arrives as prop + callback - roster_row.dart, permission_badge.dart, task_row.dart, tab_strip.dart, icon_button.dart, inject_field.dart — the widgets Public API unchanged: ClaudeMetaSidebar stays put and SidebarTab is re-exported from the root file, so all 44 sidebar tests (and extension.dart) pass without a single edit. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
85 lines
2.9 KiB
Dart
85 lines
2.9 KiB
Dart
/// Clickable permission-mode badge shown in each roster row (T-181).
|
|
/// Split out of claude_meta_sidebar.dart (T-395).
|
|
library;
|
|
|
|
import 'package:clide/builtin/claude/src/claude_status.dart' show permissionModeLabel;
|
|
import 'package:clide/kernel/kernel.dart';
|
|
import 'package:clide/widgets/widgets.dart';
|
|
import 'package:flutter/services.dart' show HardwareKeyboard;
|
|
import 'package:flutter/widgets.dart';
|
|
|
|
/// Maps a permission-mode string to a single-letter badge label.
|
|
String permissionModeBadgeLabel(String mode) => switch (mode) {
|
|
'acceptEdits' => 'A',
|
|
'plan' => 'P',
|
|
'bypassPermissions' => 'B',
|
|
_ => 'D', // default
|
|
};
|
|
|
|
/// - Plain click → cycles the safe trio: default → acceptEdits → plan → default.
|
|
/// - Shift-click → shows the bypass confirm inline in the parent row.
|
|
///
|
|
/// The badge reflects the LIVE mode from `SessionStatus.permissionMode`
|
|
/// (T-157). It is a custom painted label (no Material), consistent with the
|
|
/// rendering stack rules (D-7, CLAUDE.md guardrails).
|
|
class PermissionModeBadge extends StatelessWidget {
|
|
const PermissionModeBadge({super.key, required this.mode, required this.tokens, required this.onCycle, required this.onBypass});
|
|
|
|
final String mode;
|
|
final SurfaceTokens tokens;
|
|
|
|
/// Called on a plain click — the parent cycles to the next safe mode.
|
|
final VoidCallback onCycle;
|
|
|
|
/// Called on a shift-click — the parent shows the bypass confirm.
|
|
final VoidCallback onBypass;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final label = permissionModeBadgeLabel(mode);
|
|
final isBypass = mode == 'bypassPermissions';
|
|
final badgeColor = isBypass ? const Color(0xFFF06C6F) : tokens.globalFocus;
|
|
|
|
final tooltip =
|
|
'Permission mode: ${permissionModeLabel(mode)}. '
|
|
'Click to cycle default/acceptEdits/plan; Shift-click for bypassPermissions.';
|
|
|
|
return Padding(
|
|
padding: const EdgeInsets.only(top: 3),
|
|
child: Semantics(
|
|
button: true,
|
|
label: 'Permission mode: $label',
|
|
excludeSemantics: true,
|
|
onTap: () {
|
|
if (HardwareKeyboard.instance.isShiftPressed) {
|
|
onBypass();
|
|
} else {
|
|
onCycle();
|
|
}
|
|
},
|
|
child: ClideTappable(
|
|
tooltip: tooltip,
|
|
onTap: () {
|
|
if (HardwareKeyboard.instance.isShiftPressed) {
|
|
onBypass();
|
|
} else {
|
|
onCycle();
|
|
}
|
|
},
|
|
builder: (ctx, hovered, _) => Container(
|
|
width: 16,
|
|
height: 14,
|
|
alignment: Alignment.center,
|
|
decoration: BoxDecoration(
|
|
color: badgeColor.withAlpha(hovered ? 51 : 26),
|
|
borderRadius: BorderRadius.circular(2),
|
|
border: Border.all(color: badgeColor.withAlpha(hovered ? 180 : 100), width: 1),
|
|
),
|
|
child: ClideText(label, fontSize: 9, color: badgeColor),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|