cards

changelog/v0.5.0.md

@@ -6,6 +6,9 @@
 - Navigate directly to a specific document via URL
 
 ## Improvements
+- Status bar simplified: removed Auth0 ID and email, kept logout on the left and buttons on the right
+- Filing results now use AG Grid with draggable, resizable, pinnable columns and column visibility toggle
+- Grid column state (order, widths, visibility, pinning) persisted via Strings API
 - Homepage redesigned with dark uniform card layout and teal accent theme
 - New stats bar highlighting platform features
 - Updated screenshots throughout the homepage

changelog/v0.6.0.md

@@ -0,0 +1,14 @@
+# v0.6.0
+
+## New Features
+- AG Grid data table for filing search results with all filing fields as columns
+- Drag-to-reorder columns, resize column widths, and pin columns left or right
+- Custom right-click context menu on column headers: Pin Left, Pin Right, No Pin, Autosize, Hide
+- Columns toolbar dropdown to toggle column visibility with Show All and Reset options
+- Grid column state (order, widths, visibility, pinning, sort) persisted via Strings API
+
+## Improvements
+- Grid settings pre-fetched on page load and baked into column definitions to eliminate layout shift
+- Status bar simplified: removed Auth0 ID and email, kept logout and action buttons
+- AG Grid styled to match VS Code dark theme with custom colors, scrollbars, and context menus
+- Homepage query showcase replaced screenshot with teal-accented cheatsheet cards

package.json

@@ -39,6 +39,8 @@
     "@ng-icons/core": "^33.0.0",
     "@ng-icons/lucide": "^33.0.0",
     "@spartan-ng/brain": "^0.0.1-alpha.584",
+    "ag-grid-angular": "^35.1.0",
+    "ag-grid-community": "^35.1.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "ngx-extended-pdf-viewer": "^25.6.4",

src/app/app.html

@@ -8,23 +8,6 @@
 <div class="status-bar">
   <div class="status-bar-content">
     @if (userService.isAuthenticated()) {
-      <div class="status-item user-info">
-        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-          <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/>
-          <circle cx="12" cy="7" r="4"/>
-        </svg>
-        <span class="guid-label">Auth0 ID:</span>
-        <code class="guid-value">{{ userService.guid() }}</code>
-      </div>
-      @if (userService.email() || userService.name()) {
-        <div class="status-item">
-          <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-            <rect width="20" height="16" x="2" y="4" rx="2"/>
-            <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/>
-          </svg>
-          <span>{{ userService.email() || userService.name() }}</span>
-        </div>
-      }
       <button class="status-logout-btn" (click)="logout()">
         <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
           <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/>
@@ -33,15 +16,6 @@
         </svg>
         Logout
       </button>
-    } @else {
-      <div class="status-item">
-        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-          <circle cx="12" cy="12" r="10"/>
-          <line x1="12" x2="12" y1="8" y2="12"/>
-          <line x1="12" x2="12.01" y1="16" y2="16"/>
-        </svg>
-        <span>Not authenticated</span>
-      </div>
     }
 
     <div class="status-btn-group">

src/app/components/welcome-modal/changelog.ts

@@ -1,11 +1,35 @@
-export const APP_VERSION = '0.5.0';
+export const APP_VERSION = '0.6.0';
 
 export interface ChangelogEntry {
   version: string;
   sections: { title: string; items: string[] }[];
 }
 
 export const CHANGELOG: ChangelogEntry[] = [
+  {
+    version: '0.6.0',
+    sections: [
+      {
+        title: 'New Features',
+        items: [
+          'AG Grid data table for filing search results with all filing fields as columns',
+          'Drag-to-reorder columns, resize column widths, and pin columns left or right',
+          'Custom right-click context menu on column headers: Pin Left, Pin Right, No Pin, Autosize, Hide',
+          'Columns toolbar dropdown to toggle column visibility with Show All and Reset options',
+          'Grid column state (order, widths, visibility, pinning, sort) persisted via Strings API',
+        ],
+      },
+      {
+        title: 'Improvements',
+        items: [
+          'Grid settings pre-fetched on page load and baked into column definitions to eliminate layout shift',
+          'Status bar simplified: removed Auth0 ID and email, kept logout and action buttons',
+          'AG Grid styled to match VS Code dark theme with custom colors, scrollbars, and context menus',
+          'Homepage query showcase replaced screenshot with teal-accented cheatsheet cards',
+        ],
+      },
+    ],
+  },
   {
     version: '0.5.0',
     sections: [