@checkstack/ui 0.5.2 → 0.5.3

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @checkstack/ui
 
+## 0.5.3
+
+### Patch Changes
+
+- e5079e1: Add contacts management to system editor
+
+  - **catalog-frontend**: New `ContactsEditor` component allows adding/removing platform users and external mailboxes as system contacts directly from the system editor dialog
+  - **catalog-common**: Added `instanceAccess` override to contacts RPC endpoints for correct single-resource RLAC checking
+  - **ui**: Fixed Tabs component to use `type="button"` to prevent form submission when used inside forms
+
+- 9551fd7: Fix creator display in incident and maintenance status updates
+
+  - Show the creator's profile name instead of UUID in status updates
+  - For maintenances, now properly displays the creator name (was missing)
+  - For incidents, replaces UUID with human-readable profile name
+  - System-generated updates (automatic maintenance transitions) show no creator
+
 ## 0.5.2
 
 ### Patch Changes

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@checkstack/ui",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "type": "module",
   "main": "src/index.ts",
   "dependencies": {
-    "@checkstack/common": "0.6.0",
-    "@checkstack/frontend-api": "0.3.3",
+    "@checkstack/common": "0.6.1",
+    "@checkstack/frontend-api": "0.3.4",
     "@codemirror/autocomplete": "^6.20.0",
     "@codemirror/lang-json": "^6.0.2",
     "@codemirror/lang-markdown": "^6.5.0",
@@ -36,9 +36,9 @@
   "devDependencies": {
     "typescript": "^5.0.0",
     "@types/react": "^18.2.0",
-    "@checkstack/test-utils-frontend": "0.0.2",
-    "@checkstack/tsconfig": "0.0.2",
-    "@checkstack/scripts": "0.1.0"
+    "@checkstack/test-utils-frontend": "0.0.3",
+    "@checkstack/tsconfig": "0.0.3",
+    "@checkstack/scripts": "0.1.1"
   },
   "scripts": {
     "typecheck": "tsc --noEmit",

package/src/components/StatusUpdateTimeline.tsx

@@ -124,12 +124,12 @@ export interface StatusUpdate<TStatus extends string = string> {
   message: string;
   statusChange?: TStatus;
   createdAt: Date | string;
-  createdBy?: string;
+  createdByName?: string;
 }
 
 export interface StatusUpdateTimelineProps<
   TStatus extends string,
-  T extends StatusUpdate<TStatus>
+  T extends StatusUpdate<TStatus>,
 > {
   /** Array of status updates to display */
   updates: T[];
@@ -154,7 +154,7 @@ export interface StatusUpdateTimelineProps<
  */
 export function StatusUpdateTimeline<
   TStatus extends string,
-  T extends StatusUpdate<TStatus>
+  T extends StatusUpdate<TStatus>,
 >({
   updates,
   renderStatusBadge,
@@ -205,13 +205,13 @@ export function StatusUpdateTimeline<
             <span>
               {format(
                 new Date(update.date),
-                showTimeline ? "MMM d, yyyy 'at' HH:mm" : "MMM d, HH:mm"
+                showTimeline ? "MMM d, yyyy 'at' HH:mm" : "MMM d, HH:mm",
               )}
             </span>
-            {update.createdBy && (
+            {update.createdByName && (
               <>
                 <span>•</span>
-                <span>by {update.createdBy}</span>
+                <span>by {update.createdByName}</span>
               </>
             )}
           </div>

package/src/components/Tabs.tsx

@@ -69,6 +69,7 @@ export const Tabs: React.FC<TabsProps> = ({
           return (
             <button
               key={item.id}
+              type="button"
               ref={(el) => {
                 if (el) {
                   tabRefs.current.set(item.id, el);