ZacharyZhang-NY
207d4b0109
Roadmap lays initiatives across months in lanes: each a bar from its first day through its last, filled as far as it has come, under the months' names and a line at today; hover a bar for its dates. Bars sit at fractions of the span, so nothing is measured, and a strip too narrow for its months scrolls sideways at a least width per month. GanttChart and TimelineView are the charts GanttChart. BurndownChart lives with the charts, on their scales, labels, tiles and paint: the ideal line from the scope down to nothing, what was left at each day's end so far, and a line at today; hover a day to read it. MilestoneProgress shows a milestone's issues done as a bar and a count, when it is due, and whether it keeps pace: on track, at risk when the work trails the time gone by more than a tenth, late past its day, or done. WorkloadView sets each person's points against what they can take, the bar turning red past it, in columns that line up.
8.0 KiB
8.0 KiB
Chapters 31–43
T31a Project · Tasks — src/project
- PriorityIndicator
- IssueIdBadge
- StatusSelect
- AssigneePicker
- DueDatePicker →
forms::DatePicker - TaskItem — check, priority, due date, assignee
- TaskList
- SubtaskList →
documents::Checklist, which gains a field to add one
T31b Project · Issues and boards
- IssueCard
- LabelManager
- KanbanBoard / KanbanColumn / KanbanCard
- Sprint Board →
project::KanbanBoard - TaskDetailPanel
T31c Project · Plans
- GanttChart / TimelineView →
charts::GanttChart - Roadmap
- Burndown Chart →
charts::BurndownChart, on the charts' scales and paint - MilestoneProgress
- WorkloadView
T31d Project · Time and databases
- TimeTracker
- Pomodoro Timer
- DatabaseView (from T21c) — table, board, gallery, calendar, timeline
T32 Canvas & Design — src/canvas
- InfiniteCanvas
- CanvasGrid / Guides
- Ruler
- SelectionBox
- TransformHandles
- SnapIndicator
- LayerPanel
- AssetPanel
- InspectorPanel
- AlignmentToolbar
- ToolPalette
- ZoomControls / ZoomIndicator
- MiniMap
- ArtboardFrame
- ShapeTools — rect, ellipse, polygon, line, arrow
- PenTool / PathEditor
- TextTool
- BrushTool / BrushSettings
- ColorPanel
- GradientPanel →
forms::GradientEditor - ShadowEditor
- BorderEditor
- TypographyPanel
- ConstraintsEditor
- AutoLayoutControls
- ExportPanel
- NodeEditor / NodeGraph
- Node / Port / Edge / Connection
- FlowChart / DiagramEditor
- MindMap
- Whiteboard
- StickyNote
- Connector Line
- HistoryPanel
T33 DB & Dev Tools — src/devtools
- ConnectionManager
- ConnectionForm
- SchemaTree
- QueryEditor →
editor::CodeEditor - QueryResultGrid →
tables::DataGrid - QueryHistory
- QueryPlanViewer
- TableStructureEditor
- ERDiagram
- IndexManager
- RedisKeyBrowser
- DocumentViewer (MongoDB / JSON) →
devtools::JsonViewer - JsonViewer / JsonTree
- JsonEditor
- YamlViewer
- XmlViewer
- ApiRequestBuilder
- ResponseViewer
- HeadersTable
- QueryParamsEditor →
forms::KeyValueInput - EnvironmentSelector
- CollectionTree
- WebSocketConsole
- GraphQLExplorer
- RegexTester
- Base64 / Encoder
- ColorContrastChecker
- ContainerList
- PodList
- ResourceMonitor
T34 Dashboard — src/dashboard
- Dashboard Grid
- Widget / DashboardCard
- StatCard →
data_display::Statistic - MetricsChart →
charts::LineChart - AlertList
- IncidentCard
- UptimeBar
- ServiceStatus
- HealthCheck Indicator
- LogStream →
terminal::LogViewer - TraceWaterfall →
agent::TraceViewer - EventStream
- ResourceGauge →
data_display::Gauge - SystemMonitor
- ProcessTable →
terminal::ProcessList - NetworkGraph (throughput) →
charts::RealtimeChart - MapView / GeoHeatmap →
maps::MapView,maps::GeoHeatmap(T41) - WorldMap →
maps::WorldMap(T41) - RefreshIntervalSelector
- DashboardFilterBar
T35 Settings — src/settings
- SettingsLayout
- SettingsSection
- SettingsRow
- SettingsSearch
- ThemeSelector →
theme::ThemeSwitcher - AccentColorPicker
- FontSizeControl
- FontFamilySelect →
forms::FontPicker - DensitySelector
- LanguageSelector →
forms::Combobox::languages(T06f) - KeyboardShortcutsList
- ShortcutEditor →
editor::KeybindingsEditor - ProxySettings
- StorageSettings / CacheClear
- PrivacySettings
- NotificationSettings
- StartupSettings
- ImportExportSettings
- ResetToDefault
- AdvancedSettings / FeatureFlags
- DeveloperMode Toggle
T36 Account — src/account
- LoginForm
- SignupForm
- OAuthButtons
- MagicLinkForm
- TwoFactorInput
- ForgotPassword
- ProfileCard
- ProfileEditor
- AccountSwitcher
- WorkspaceSwitcher / OrgSwitcher
- UserMenu
- SessionList
- ApiKeyManager
- SubscriptionCard / PlanBadge
- UsageQuota
- BillingHistory
- PaymentMethodForm
- UpgradePrompt / Paywall
- TeamMemberTable
- RoleSelector
- InvitationList
T37 Onboarding & Help — src/onboarding
- OnboardingWizard
- WelcomeTour →
overlays::Tour(T09b) - Coachmark / Hotspot — Coachmark →
overlays::Spotlight; Hotspot here - FeatureHighlight / NewBadge
- Checklist (first-run tasks)
- HelpTooltip
- HelpPanel / DocsSidebar
- KeyboardShortcutCheatsheet
- WhatsNewDialog
- FeedbackWidget
- ContactSupport
- InlineHelp
- EmptyStateWithAction →
feedback::EmptyState
T38 Interaction — src/interaction
- Draggable — native
on_drag - Droppable / DropTarget — native
on_drop,drag_over - DragOverlay / DragPreview — native drag view
- DragGhost → DragPreview (native)
- Sortable / SortableContext
- Resizable
- Rotatable
- Selectable / SelectionArea
- RubberBandSelection →
interaction::SelectionArea - LongPress →
primitives::Pressable - DoubleClick — native
ClickEvent::click_count - Gesture — prove: wheel zoom, pinch, two-finger swipe
- PanZoom →
layout::Viewport - Hotkeys / KeyBinding — native
actions!,bind_keys,key_context - KeyChord — native multi-keystroke bindings
- Undo / Redo Manager
- InfiniteScroll Trigger →
lists::InfiniteList - VirtualScroller — native
list()/uniform_list() - ScrollSync
- Autofocus — native
window.focus() - RovingTabIndex
- TypeAhead
- FocusVisible →
primitives::FocusRing
T39 Theme — src/theme
- ThemeProvider (T00)
- ThemeSwitcher
- ColorTokens / DesignTokens (T00)
- ThemeEditor
- ThemeImporter — VS Code theme JSON
- SyntaxThemes
- IconThemeProvider
- DensityProvider (T00)
- RadiusProvider (T00)
- FontProvider (T00)
- HighContrastMode (T00)
- ReducedMotionProvider (T00)
- Platform Style
- VibrancyBackground / Mica / Acrylic — native
WindowBackgroundAppearance::Blurred - Elevation / Shadow (T00)
T40 i18n & a11y — src/i18n
- I18nProvider
- Trans / LocalizedText
- LocaleNumber / LocaleDate
- RTL layout — prove: mirrored stacks
- LiveRegion / Announcer — blocked: gpui 0.2.2 has no accessibility tree
- SkipLink
- AccessibleIcon — blocked: no accessibility tree
- AriaLabel helper — blocked: no accessibility tree
- KeyboardNavigationHelper
- ScreenReaderOnly — blocked: no accessibility tree
- ColorBlindSafe Palette
T41 Maps — src/maps
- MapView — host tiles
- MapMarker
- MapPopup
- MapCluster
- RouteLine
- GeoJSON Layer
- ChoroplethMap
- LocationPicker
- CoordinateDisplay
- WorldMap (from T34)
- GeoHeatmap (from T34)
T42 Misc — src/misc
- Clock / WorldClock
- Stopwatch
- Calculator
- UnitConverter
- QRCodeScanner — prove: host frames,
rqrrdecode - BarcodeDisplay →
data_display::Barcode - Captcha
- Signature →
forms::SignaturePad - Rating Widget →
forms::Rating - Poll / Survey
- Quiz / Flashcard
- ChangeLog Viewer →
data_display::Changelog - LicenseViewer
- Terms / Consent Dialog
- CookieBanner
- WebView — prove:
wry - IframeEmbed / EmbedCard
- HTMLPreview →
misc::WebView - PrintButton — blocked: gpui 0.2.2 has no print API
- ExportDialog — PDF, PNG, CSV, JSON
- ImportDialog — field mapping
- CSVImporter
- ShareSheet
T43 Library Tooling — src/tooling
- ComponentGallery / Storybook
- PlaygroundPanel
- InspectorOverlay
- FPSMeter / PerfOverlay
- RenderCounter
- EventLogger
- DesignTokenViewer
- IconBrowser
- A11yChecker — contrast audit
- ScreenshotTest Harness — self-capture; scripted input since T01