@shipfox/client-secrets 22.0.0 → 22.0.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shipfox/client-secrets",
   "license": "MIT",
-  "version": "22.0.0",
+  "version": "22.0.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ShipfoxHQ/shipfox.git",
@@ -29,7 +29,7 @@
     "@tanstack/react-form": "^1.32.0",
     "@shipfox/api-secrets-dto": "12.0.0",
     "@shipfox/client-api": "6.0.1",
-    "@shipfox/client-shell": "22.0.0",
+    "@shipfox/client-shell": "22.0.1",
     "@shipfox/client-ui": "22.0.0",
     "@shipfox/react-ui": "2.1.0"
   },

package/src/components/workspace-secrets-section.tsx

@@ -29,10 +29,9 @@ import {secretsErrorToFormError} from './form-errors.js';
 import {SecretForm} from './secret-form.js';
 import {StoreRowsSkeleton} from './store-section-shell.js';
 
-const SECRETS_DESCRIPTION =
-  'Encrypted, write-only values for sensitive data like API keys, tokens, and passwords.';
 const EMPTY_SECRETS_DESCRIPTION =
   'Create a secret to store sensitive values like API keys, tokens, and passwords.';
+const SECRETS_SECURITY_NOTE = 'Encrypted, write-only values for sensitive data.';
 
 type FormState = {mode: 'create'} | {mode: 'edit'; key: string} | null;
 
@@ -58,9 +57,9 @@ export function WorkspaceSecretsSection({workspaceId}: {workspaceId: string}) {
       <section className="flex flex-col gap-group" aria-label="Secrets">
         <div className="flex items-start justify-between gap-group">
           <div className="flex flex-col gap-tight">
-            <Header variant="h3">Secrets</Header>
+            <Header variant="h1">Secrets</Header>
             <Text size="sm" className="text-foreground-neutral-muted">
-              {SECRETS_DESCRIPTION}
+              {SECRETS_SECURITY_NOTE}
             </Text>
           </div>
           <Button size="sm" onClick={() => setFormState({mode: 'create'})}>

package/src/components/workspace-variables-section.tsx

@@ -19,7 +19,7 @@ import {
   TableRow,
 } from '@shipfox/react-ui/table';
 import {toast} from '@shipfox/react-ui/toast';
-import {Code, Header, Text} from '@shipfox/react-ui/typography';
+import {Code, Header} from '@shipfox/react-ui/typography';
 import {useMemo, useState} from 'react';
 import {type VariablePreview, workspaceStoreScope} from '#core/store.js';
 import {useDeleteVariableMutation, useVariablesQuery} from '#hooks/api/variables.js';
@@ -29,8 +29,6 @@ import {secretsErrorToFormError} from './form-errors.js';
 import {StoreRowsSkeleton} from './store-section-shell.js';
 import {VariableForm} from './variable-form.js';
 
-const VARIABLES_DESCRIPTION =
-  'Plaintext configuration values for non-sensitive data like regions, flags, and log levels.';
 const EMPTY_VARIABLES_DESCRIPTION =
   'Create a variable to store non-sensitive configuration like regions, flags, and log levels.';
 
@@ -58,10 +56,7 @@ export function WorkspaceVariablesSection({workspaceId}: {workspaceId: string})
       <section className="flex flex-col gap-group" aria-label="Variables">
         <div className="flex items-start justify-between gap-group">
           <div className="flex flex-col gap-tight">
-            <Header variant="h3">Variables</Header>
-            <Text size="sm" className="text-foreground-neutral-muted">
-              {VARIABLES_DESCRIPTION}
-            </Text>
+            <Header variant="h1">Variables</Header>
           </div>
           <Button size="sm" onClick={() => setFormState({mode: 'create'})}>
             Create variable