kjh2064
00a4840eb3
style(fe): standardize filter inputs in ShadowRunQueue page
...
- Input height: 34px (standard KBX compact)
- Search input: max-width 350px (matches ModelsList)
- Padding: 0 0.75rem
- Line-height: 34px for vertical centering
- Box-sizing: border-box for consistent sizing
- Status select: min-width 150px
Aligns with PageLayout + ModelsList standardization.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-08-15 23:13:25 +09:00
kjh2064
60722576a6
style(fe): standardize filter section height across all pages
...
PageLayout:
- Filter section: min-height 52px (standard height)
- Display: flex with center alignment
- Consistent gap between elements
ModelsList:
- Filter container: align-items center
- Remove bottom margin (handled by PageLayout)
Ensures all pages have consistent filter bar heights
and alignment without per-page CSS adjustments.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-08-15 23:04:59 +09:00
kjh2064
9223f5d288
style(fe): set max-width for search input field
...
- Search input: max-width 350px (standard size)
- Prevents oversized input fields across different screen sizes
- Maintains responsive min-width 200px
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-08-15 23:04:03 +09:00
kjh2064
83b8f2e72f
style(fe): apply theme-aware colors to SkeletonLoader
...
- Light theme: neutral-100/200 with white background
- Dark theme: dark grays (2d3748/4a5568) with dark background
- Uses CSS variables for dark mode support
- Shimmer animation adapts to theme
- Automatic light/dark switching via prefers-color-scheme
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-08-15 23:01:43 +09:00
kjh2064
8f52521a79
refactor(fe): implement responsive flex-based layout for ModelsList
...
- Grid height: height: 100% (leverages PageLayout flex)
- Filter inputs: Standard 34px height (KBX compact)
- Removes hardcoded calc() and max/min constraints
- Automatically adjusts to viewport/container changes
- No manual adjustments needed per screen size
This allows the component to scale responsively within
the PageLayout flex container without additional CSS.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-08-15 23:00:55 +09:00
kjh2064
7d835372fb
style(fe): apply KBX design token standardization to ModelsList
...
- Filter inputs: Use KBX tokens for height, padding, font-size, border-radius
- Grid container: Dynamic height (calc 100vh-400px) with min/max constraints
- Consistent spacing with KBX spacing tokens
- Box-sizing: border-box for consistent sizing
- Prevents grid overflow beyond viewport
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-08-15 22:59:02 +09:00
kjh2064
8a3ee0a1d7
feat(fe): implement working ModelsList grid with mock data
...
- Simplified data fetching (removed TanStack Query for now)
- Added direct mock API client in component
- Fixed state management (isLoading, isError, modelsData)
- Grid now renders with 3 sample model records
- Updated v-if conditions for loading/error/empty states
- Added grid container height and filter styling
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-08-15 22:56:04 +09:00
kjh2064
48a3da30d0
fix(fe): remove duplicate script setup block in ModelsList.vue
...
Removed the incomplete first <script setup> block that was causing
Vite plugin errors. The complete implementation in the second block
already contains all necessary logic.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-08-15 22:48:18 +09:00
kjh2064
48cd7d82ee
style(fe): enforce 100% viewport-fit zero-scroll dynamic height calculation for ModelOperationTable AG Grid
2026-08-15 22:37:49 +09:00
kjh2064
f73c1e3453
fix(fe): set explicit container height for KsDataGrid wrapper in ModelOperationTable
2026-08-15 22:36:48 +09:00
kjh2064
43e3f88368
feat(fe): replace custom HTML table with standard KsDataGrid in ModelOperationTable for 100% AG Grid & constitution compliance
2026-08-15 22:35:56 +09:00
kjh2064
319ee354d3
style(fe): fix contrast and theme token bindings for Page Title and Command Bar in PageLayout
2026-08-15 22:34:10 +09:00
kjh2064
7ad5b96bf8
style(fe): align Page Header strictly with KBX UX Standard (Breadcrumb/Title on left, Help/AI on right)
2026-08-15 22:32:58 +09:00
kjh2064
ea2f251fb8
feat(fe): implement dedicated KBX Command Bar row in PageLayout for 100% UX Standard §3/§5 alignment
2026-08-15 22:30:58 +09:00
kjh2064
2b1dc13852
style(fe): standardize Model Operations & Versioning page UI components and layout
2026-08-15 22:28:51 +09:00
kjh2064
ecc5c641dc
style(fe): move F3 search button to Page Action Toolbar (#actions) in ModelList page for 100% KBX Command Bar standard compliance
2026-08-15 22:27:04 +09:00
kjh2064
135d0fdded
feat(fe): add F3 search button and keyboard shortcut to ModelList page filter bar
2026-08-15 22:25:12 +09:00
kjh2064
fe96bae516
feat(fe): implement KsSplitter with resizer handle and localStorage ratio persistence for master-detail pages
2026-08-15 22:24:23 +09:00
kjh2064
7893b2020e
fix(fe): conditionally render filters slot container in MasterDetailCrudPage and BatchOperationsPageV2
2026-08-15 22:22:01 +09:00
kjh2064
292572e845
revert(fe): restore original search input bar in header
2026-08-15 22:20:36 +09:00
kjh2064
3e6f333ff8
style(fe): apply KBX Design System Side Navigation standards (Expanded 220px, Collapsed 56px, max 2-depth)
2026-08-15 22:19:49 +09:00
kjh2064
8d8355b323
style(fe): refine PageLayout filters container to inline toolbar without heavy card borders
2026-08-15 22:18:34 +09:00
kjh2064
5aeadb79c1
style(fe): restore Quick Links Toolbar in header according to user specifications
2026-08-15 22:17:52 +09:00
kjh2064
cc5b4757c4
style(fe): align tabs bar background with central canvas token var(--ks-color-canvas)
2026-08-15 22:14:36 +09:00
kjh2064
1476225c21
style(fe): standardize Tabs bar, Help button badge, and Header Quick Menu dropdown
2026-08-15 22:13:50 +09:00
kjh2064
5dbf0077e4
style(fe): standardize ModelList master-detail page with central width tokens, selection highlight, and viewport-fit bounds
2026-08-15 22:12:16 +09:00
kjh2064
38a8cb85cd
fix(fe): register ColumnAutoSizeModule and CellStyleModule in ModuleRegistry for AG Grid v34+ compatibility
2026-08-15 22:08:40 +09:00
kjh2064
be672d90e7
style(fe): define global default control width tokens for Select (160px), Search Input (220px), Date (140px) in tokens.css, base.css and AGENTS.md
2026-08-15 22:07:15 +09:00
kjh2064
52f74c0139
style(fe): adjust odd zebra stripe background to subtle demarcation shade #f8fafc
2026-08-15 22:05:56 +09:00
kjh2064
538bdb991f
style(fe): enhance Odd row Zebra stripe background contrast to #f1f5f9 for clear visual distinction
2026-08-15 22:05:13 +09:00
kjh2064
30963782c3
style(fe): enforce ultra-high contrast dark text (#0f172a) and soft tint blue background (#eff6ff) for active grid row selections
2026-08-15 22:04:25 +09:00
kjh2064
358ad7aa65
style(fe): standardize AG Grid Odd/Even Zebra Stripes, Sky Blue hover and active row selection tokens in tokens.css and AGENTS.md
2026-08-15 22:03:20 +09:00
kjh2064
8d817de082
fix(fe): ensure grid headers and container structure always stay rendered even when 0 records exist
2026-08-15 22:01:22 +09:00
kjh2064
b3d29dd5b6
refactor(fe): standardize DataQualityPage with BatchOperationsPageV2 layout and AG Grid shell
2026-08-15 22:00:31 +09:00
kjh2064
798dcbc2fc
refactor(fe): standardize ShadowRunList page with BatchOperationsPageV2 and DataGridShell
2026-08-15 21:59:35 +09:00
kjh2064
0328551df3
fix(fe): ensure No. column row numbers 1, 2, 3 remain strictly fixed via redrawRows on sort-changed
2026-08-15 21:57:08 +09:00
kjh2064
269773400e
fix(fe): ensure No. column always renders dynamic viewport row index 1, 2, 3 during sorting
2026-08-15 21:52:07 +09:00
kjh2064
1d0867d039
feat(fe): auto-prepend pinned left No. row-number column in KsDataGrid and harness in AGENTS.md
2026-08-15 21:51:01 +09:00
kjh2064
b000cd1704
style(fe): fix AG Grid header background color and text font-weight to follow KBX design tokens
2026-08-15 21:50:06 +09:00
kjh2064
925df23789
style(fe): apply universal token overrides for all input controls, select, buttons, tags and dialogs in base.css
2026-08-15 21:48:15 +09:00
kjh2064
72d0da0383
style(fe): enforce global design tokens for grid density, font scale and component heights in tokens.css and base.css
2026-08-15 21:47:32 +09:00
kjh2064
db3865cb6c
feat(fe): standardize empty data state with EmptyStatePlaceholder component and AGENTS.md rule
2026-08-15 21:45:50 +09:00
kjh2064
c320318207
feat(fe): standardize loading UI using shimmer SkeletonLoader across QueryStateBoundary and AGENTS.md
2026-08-15 21:44:45 +09:00
kjh2064
dff10d305a
docs(constitution): harness button placement standardization rule for CRUD and batch processing
2026-08-15 21:41:38 +09:00
kjh2064
b45898ba0d
fix(fe): eliminate 22rem right margin collapse caused by empty runbook slot
2026-08-15 21:40:58 +09:00
kjh2064
604613492f
fix(fe): auto fit grid column widths to 100% parent container width
2026-08-15 21:38:24 +09:00
kjh2064
f14458cf41
feat(fe): display system version and contract version in app footer
2026-08-15 21:36:58 +09:00
kjh2064
8da9d87bf1
fix(fe): remove duplicate shell breadcrumb and align grid width to parent container
2026-08-15 21:35:31 +09:00
kjh2064
c892f5b1ed
fix(fe): fix breadcrumb text overlap and clean title layout in PageLayout
2026-08-15 21:31:23 +09:00
kjh2064
a239e6ab64
feat(fe): support explicit relative flex ratios per grid column
2026-08-15 21:30:13 +09:00