@redhat-cloud-services/hcc-storybook-hub 0.1.0

package/README.md

@@ -0,0 +1,60 @@
+# hcc-storybooks
+
+Composed meta Storybook that aggregates stories from multiple HCC frontend applications into a single browsable interface. By default, it points to each application's latest master build on Chromatic.
+
+## Composed applications
+
+| Application | Repository | Env Var Override |
+|---|---|---|
+| Access Requests | `access-requests-frontend` | `SB_ACCESS_REQUESTS_URL` |
+| RBAC | `insights-rbac-ui` | `SB_RBAC_URL` |
+| Notifications | `notifications-frontend` | `SB_NOTIFICATIONS_URL` |
+| Service Accounts | `service-accounts` | `SB_SERVICE_ACCOUNTS_URL` |
+| Sources | `sources-ui` | `SB_SOURCES_URL` |
+| User Preferences | `user-preferences-frontend` | `SB_USER_PREFERENCES_URL` |
+
+## Quick start
+
+```bash
+npm install
+npm run storybook
+```
+
+The meta Storybook starts on port 6006 and loads all external Storybooks from Chromatic automatically.
+
+## Custom URLs
+
+Point any ref to a local or alternative Storybook by setting its env var:
+
+```bash
+SB_NOTIFICATIONS_URL=http://localhost:6012 npm run storybook
+```
+
+## Running Storybooks locally
+
+If you want to serve Storybooks from local clones instead of Chromatic, clone the repos as sibling directories and run:
+
+```bash
+npm run serve-all
+```
+
+This expects the following directory layout:
+
+```
+hcc/
+├── hcc-storybooks/          # this project
+├── access-requests-frontend/
+├── insights-rbac-ui/
+├── notifications-frontend/
+├── service-accounts/
+├── sources-ui/
+└── user-preferences-frontend/
+```
+
+The script builds each repo's Storybook, serves it on a local port, and starts this meta Storybook on port 6006.
+
+## What this is (and isn't)
+
+This is a **discovery and browsing hub**. It gives you one place to view all HCC component stories without tracking down individual Storybook deployments.
+
+It is **not a test runner**. Automated tests (interaction tests, a11y checks) must be run against each individual Storybook — composition only provides a unified sidebar, not centralized test execution.

package/dist/FeatureFlagsProvider-C_Xxe83Z.d.mts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+
+interface FeatureFlagsConfig {
+    [flagName: string]: boolean;
+}
+declare const FeatureFlagsContext: React.Context<FeatureFlagsConfig>;
+declare const FeatureFlagsProvider: React.FC<{
+    value: FeatureFlagsConfig;
+    children: ReactNode;
+}>;
+
+export { type FeatureFlagsConfig as F, FeatureFlagsContext as a, FeatureFlagsProvider as b };

package/dist/FeatureFlagsProvider-C_Xxe83Z.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+
+interface FeatureFlagsConfig {
+    [flagName: string]: boolean;
+}
+declare const FeatureFlagsContext: React.Context<FeatureFlagsConfig>;
+declare const FeatureFlagsProvider: React.FC<{
+    value: FeatureFlagsConfig;
+    children: ReactNode;
+}>;
+
+export { type FeatureFlagsConfig as F, FeatureFlagsContext as a, FeatureFlagsProvider as b };

package/dist/chunk-EPJ4YIIZ.mjs

@@ -0,0 +1,101 @@
+import {
+  useMockState
+} from "./chunk-UCQY2VRL.mjs";
+
+// lib/mocks/useChrome.tsx
+import { useRef } from "react";
+import { fn } from "storybook/test";
+import { jsx, jsxs } from "react/jsx-runtime";
+var chromeAppNavClickSpy = fn();
+var defaultTutorials = [
+  { id: "getting-started", title: "Getting Started", description: "Learn the basics.", time: "10 min", level: "Beginner" },
+  { id: "custom-roles", title: "Creating Custom Roles", description: "Configure custom roles.", time: "15 min", level: "Intermediate" },
+  { id: "user-groups", title: "Managing User Groups", description: "Organize users into groups.", time: "12 min", level: "Beginner" },
+  { id: "workspaces", title: "Workspace Administration", description: "Master workspace management.", time: "20 min", level: "Advanced" }
+];
+var DefaultCatalog = () => /* @__PURE__ */ jsxs("div", { style: { padding: "24px" }, children: [
+  /* @__PURE__ */ jsx("h2", { style: { margin: "0 0 8px 0", fontSize: "28px", fontWeight: 300 }, children: "Quick starts" }),
+  /* @__PURE__ */ jsx("p", { style: { color: "#6a6e73", margin: "0 0 24px", fontSize: "14px" }, children: "Step-by-step instructions and guided tours." }),
+  /* @__PURE__ */ jsx("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(300px, 1fr))", gap: "16px" }, children: defaultTutorials.map((t) => /* @__PURE__ */ jsxs("div", { style: { border: "1px solid #d2d2d2", borderRadius: "8px", padding: "16px" }, children: [
+    /* @__PURE__ */ jsx("h3", { style: { margin: "0 0 8px", fontSize: "16px", fontWeight: 600 }, children: t.title }),
+    /* @__PURE__ */ jsx("p", { style: { margin: "0", fontSize: "14px", color: "#6a6e73" }, children: t.description })
+  ] }, t.id)) })
+] });
+var _config = {};
+function configureChromeMock(config) {
+  _config = config;
+}
+function useChrome() {
+  const mock = useMockState();
+  const mockRef = useRef(mock);
+  mockRef.current = mock;
+  const chromeRef = useRef(null);
+  if (!chromeRef.current) {
+    chromeRef.current = {
+      getEnvironment: () => mockRef.current.environment === "production" ? "prod" : "stage",
+      getEnvironmentDetails: () => ({
+        environment: mockRef.current.environment === "production" ? "prod" : "stage",
+        sso: mockRef.current.environment === "production" ? "https://sso.redhat.com" : "https://sso.stage.redhat.com",
+        portal: "https://console.redhat.com"
+      }),
+      get isProd() {
+        return mockRef.current.environment === "production";
+      },
+      isBeta: () => false,
+      getBundle: () => _config.bundle || "insights",
+      getApp: () => _config.app || "unknown",
+      auth: {
+        getToken: () => Promise.resolve("mock-token-12345"),
+        getUser: () => {
+          const id = mockRef.current.userIdentity;
+          return Promise.resolve({
+            identity: {
+              account_number: id?.account_number,
+              org_id: id?.org_id ?? "mock-org-id",
+              organization: id?.organization,
+              internal: id?.internal,
+              user: {
+                is_org_admin: id?.user?.is_org_admin ?? mockRef.current.isOrgAdmin,
+                username: id?.user?.username ?? "test-user",
+                email: id?.user?.email ?? "test@redhat.com",
+                is_internal: id?.user?.is_internal ?? false,
+                first_name: id?.user?.first_name,
+                last_name: id?.user?.last_name,
+                is_active: id?.user?.is_active ?? true,
+                locale: id?.user?.locale ?? "en_US"
+              }
+            },
+            entitlements: id?.entitlements ?? {}
+          });
+        }
+      },
+      getUserPermissions: (app) => Promise.resolve(
+        mockRef.current.permissions.filter((p) => p.startsWith(`${app}:`) || p.startsWith("*:")).map((permission) => ({ permission, resourceDefinitions: [] }))
+      ),
+      appNavClick: chromeAppNavClickSpy,
+      appObjectId: () => {
+      },
+      appAction: () => {
+      },
+      updateDocumentTitle: (title) => {
+        if (typeof document !== "undefined") {
+          document.title = title;
+        }
+      },
+      quickStarts: {
+        Catalog: _config.quickStartsCatalog || DefaultCatalog,
+        set: () => {
+        },
+        toggle: () => {
+        }
+      }
+    };
+  }
+  return chromeRef.current;
+}
+
+export {
+  chromeAppNavClickSpy,
+  configureChromeMock,
+  useChrome
+};

package/dist/chunk-KVKMLDB5.js

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// lib/contexts/StorybookMockContext.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var EMPTY_WORKSPACE_PERMISSIONS = {
+  view: [],
+  edit: [],
+  delete: [],
+  create: [],
+  move: []
+};
+var EMPTY_TENANT_PERMISSIONS = {
+  rbac_roles_read: false,
+  rbac_roles_write: false,
+  rbac_groups_read: false,
+  rbac_groups_write: false,
+  rbac_principal_read: false,
+  rbac_workspace_view: false,
+  rbac_workspace_edit: false,
+  rbac_workspace_create: false,
+  rbac_workspace_delete: false,
+  rbac_workspace_move: false
+};
+var defaultState = {
+  environment: "staging",
+  isOrgAdmin: false,
+  permissions: [],
+  workspacePermissions: EMPTY_WORKSPACE_PERMISSIONS,
+  tenantPermissions: EMPTY_TENANT_PERMISSIONS
+};
+var StorybookMockContext = _react.createContext.call(void 0, defaultState);
+var StorybookMockProvider = ({
+  children,
+  environment = "staging",
+  isOrgAdmin = false,
+  permissions = [],
+  workspacePermissions = EMPTY_WORKSPACE_PERMISSIONS,
+  tenantPermissions = EMPTY_TENANT_PERMISSIONS,
+  userIdentity
+}) => {
+  const value = {
+    environment,
+    isOrgAdmin,
+    permissions,
+    workspacePermissions: { ...EMPTY_WORKSPACE_PERMISSIONS, ...workspacePermissions },
+    tenantPermissions: { ...EMPTY_TENANT_PERMISSIONS, ...tenantPermissions },
+    userIdentity
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StorybookMockContext.Provider, { value, children });
+};
+var useMockState = () => _react.useContext.call(void 0, StorybookMockContext);
+
+
+
+
+
+
+
+exports.EMPTY_WORKSPACE_PERMISSIONS = EMPTY_WORKSPACE_PERMISSIONS; exports.EMPTY_TENANT_PERMISSIONS = EMPTY_TENANT_PERMISSIONS; exports.StorybookMockContext = StorybookMockContext; exports.StorybookMockProvider = StorybookMockProvider; exports.useMockState = useMockState;

package/dist/chunk-NXYQ66I7.js

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// lib/providers/FeatureFlagsProvider.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var FeatureFlagsContext = _react.createContext.call(void 0, {});
+var FeatureFlagsProvider = ({
+  value,
+  children
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FeatureFlagsContext.Provider, { value, children });
+
+
+
+
+exports.FeatureFlagsContext = FeatureFlagsContext; exports.FeatureFlagsProvider = FeatureFlagsProvider;

package/dist/chunk-UCQY2VRL.mjs

@@ -0,0 +1,58 @@
+// lib/contexts/StorybookMockContext.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var EMPTY_WORKSPACE_PERMISSIONS = {
+  view: [],
+  edit: [],
+  delete: [],
+  create: [],
+  move: []
+};
+var EMPTY_TENANT_PERMISSIONS = {
+  rbac_roles_read: false,
+  rbac_roles_write: false,
+  rbac_groups_read: false,
+  rbac_groups_write: false,
+  rbac_principal_read: false,
+  rbac_workspace_view: false,
+  rbac_workspace_edit: false,
+  rbac_workspace_create: false,
+  rbac_workspace_delete: false,
+  rbac_workspace_move: false
+};
+var defaultState = {
+  environment: "staging",
+  isOrgAdmin: false,
+  permissions: [],
+  workspacePermissions: EMPTY_WORKSPACE_PERMISSIONS,
+  tenantPermissions: EMPTY_TENANT_PERMISSIONS
+};
+var StorybookMockContext = createContext(defaultState);
+var StorybookMockProvider = ({
+  children,
+  environment = "staging",
+  isOrgAdmin = false,
+  permissions = [],
+  workspacePermissions = EMPTY_WORKSPACE_PERMISSIONS,
+  tenantPermissions = EMPTY_TENANT_PERMISSIONS,
+  userIdentity
+}) => {
+  const value = {
+    environment,
+    isOrgAdmin,
+    permissions,
+    workspacePermissions: { ...EMPTY_WORKSPACE_PERMISSIONS, ...workspacePermissions },
+    tenantPermissions: { ...EMPTY_TENANT_PERMISSIONS, ...tenantPermissions },
+    userIdentity
+  };
+  return /* @__PURE__ */ jsx(StorybookMockContext.Provider, { value, children });
+};
+var useMockState = () => useContext(StorybookMockContext);
+
+export {
+  EMPTY_WORKSPACE_PERMISSIONS,
+  EMPTY_TENANT_PERMISSIONS,
+  StorybookMockContext,
+  StorybookMockProvider,
+  useMockState
+};

package/dist/chunk-WZJQMQID.mjs

@@ -0,0 +1,13 @@
+// lib/providers/FeatureFlagsProvider.tsx
+import { createContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var FeatureFlagsContext = createContext({});
+var FeatureFlagsProvider = ({
+  value,
+  children
+}) => /* @__PURE__ */ jsx(FeatureFlagsContext.Provider, { value, children });
+
+export {
+  FeatureFlagsContext,
+  FeatureFlagsProvider
+};

package/dist/chunk-YTIDUO5E.js

@@ -0,0 +1,101 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkKVKMLDB5js = require('./chunk-KVKMLDB5.js');
+
+// lib/mocks/useChrome.tsx
+var _react = require('react');
+var _test = require('storybook/test');
+var _jsxruntime = require('react/jsx-runtime');
+var chromeAppNavClickSpy = _test.fn.call(void 0, );
+var defaultTutorials = [
+  { id: "getting-started", title: "Getting Started", description: "Learn the basics.", time: "10 min", level: "Beginner" },
+  { id: "custom-roles", title: "Creating Custom Roles", description: "Configure custom roles.", time: "15 min", level: "Intermediate" },
+  { id: "user-groups", title: "Managing User Groups", description: "Organize users into groups.", time: "12 min", level: "Beginner" },
+  { id: "workspaces", title: "Workspace Administration", description: "Master workspace management.", time: "20 min", level: "Advanced" }
+];
+var DefaultCatalog = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { padding: "24px" }, children: [
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { style: { margin: "0 0 8px 0", fontSize: "28px", fontWeight: 300 }, children: "Quick starts" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { style: { color: "#6a6e73", margin: "0 0 24px", fontSize: "14px" }, children: "Step-by-step instructions and guided tours." }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(300px, 1fr))", gap: "16px" }, children: defaultTutorials.map((t) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { border: "1px solid #d2d2d2", borderRadius: "8px", padding: "16px" }, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { style: { margin: "0 0 8px", fontSize: "16px", fontWeight: 600 }, children: t.title }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { style: { margin: "0", fontSize: "14px", color: "#6a6e73" }, children: t.description })
+  ] }, t.id)) })
+] });
+var _config = {};
+function configureChromeMock(config) {
+  _config = config;
+}
+function useChrome() {
+  const mock = _chunkKVKMLDB5js.useMockState.call(void 0, );
+  const mockRef = _react.useRef.call(void 0, mock);
+  mockRef.current = mock;
+  const chromeRef = _react.useRef.call(void 0, null);
+  if (!chromeRef.current) {
+    chromeRef.current = {
+      getEnvironment: () => mockRef.current.environment === "production" ? "prod" : "stage",
+      getEnvironmentDetails: () => ({
+        environment: mockRef.current.environment === "production" ? "prod" : "stage",
+        sso: mockRef.current.environment === "production" ? "https://sso.redhat.com" : "https://sso.stage.redhat.com",
+        portal: "https://console.redhat.com"
+      }),
+      get isProd() {
+        return mockRef.current.environment === "production";
+      },
+      isBeta: () => false,
+      getBundle: () => _config.bundle || "insights",
+      getApp: () => _config.app || "unknown",
+      auth: {
+        getToken: () => Promise.resolve("mock-token-12345"),
+        getUser: () => {
+          const id = mockRef.current.userIdentity;
+          return Promise.resolve({
+            identity: {
+              account_number: _optionalChain([id, 'optionalAccess', _ => _.account_number]),
+              org_id: _nullishCoalesce(_optionalChain([id, 'optionalAccess', _2 => _2.org_id]), () => ( "mock-org-id")),
+              organization: _optionalChain([id, 'optionalAccess', _3 => _3.organization]),
+              internal: _optionalChain([id, 'optionalAccess', _4 => _4.internal]),
+              user: {
+                is_org_admin: _nullishCoalesce(_optionalChain([id, 'optionalAccess', _5 => _5.user, 'optionalAccess', _6 => _6.is_org_admin]), () => ( mockRef.current.isOrgAdmin)),
+                username: _nullishCoalesce(_optionalChain([id, 'optionalAccess', _7 => _7.user, 'optionalAccess', _8 => _8.username]), () => ( "test-user")),
+                email: _nullishCoalesce(_optionalChain([id, 'optionalAccess', _9 => _9.user, 'optionalAccess', _10 => _10.email]), () => ( "test@redhat.com")),
+                is_internal: _nullishCoalesce(_optionalChain([id, 'optionalAccess', _11 => _11.user, 'optionalAccess', _12 => _12.is_internal]), () => ( false)),
+                first_name: _optionalChain([id, 'optionalAccess', _13 => _13.user, 'optionalAccess', _14 => _14.first_name]),
+                last_name: _optionalChain([id, 'optionalAccess', _15 => _15.user, 'optionalAccess', _16 => _16.last_name]),
+                is_active: _nullishCoalesce(_optionalChain([id, 'optionalAccess', _17 => _17.user, 'optionalAccess', _18 => _18.is_active]), () => ( true)),
+                locale: _nullishCoalesce(_optionalChain([id, 'optionalAccess', _19 => _19.user, 'optionalAccess', _20 => _20.locale]), () => ( "en_US"))
+              }
+            },
+            entitlements: _nullishCoalesce(_optionalChain([id, 'optionalAccess', _21 => _21.entitlements]), () => ( {}))
+          });
+        }
+      },
+      getUserPermissions: (app) => Promise.resolve(
+        mockRef.current.permissions.filter((p) => p.startsWith(`${app}:`) || p.startsWith("*:")).map((permission) => ({ permission, resourceDefinitions: [] }))
+      ),
+      appNavClick: chromeAppNavClickSpy,
+      appObjectId: () => {
+      },
+      appAction: () => {
+      },
+      updateDocumentTitle: (title) => {
+        if (typeof document !== "undefined") {
+          document.title = title;
+        }
+      },
+      quickStarts: {
+        Catalog: _config.quickStartsCatalog || DefaultCatalog,
+        set: () => {
+        },
+        toggle: () => {
+        }
+      }
+    };
+  }
+  return chromeRef.current;
+}
+
+
+
+
+
+exports.chromeAppNavClickSpy = chromeAppNavClickSpy; exports.configureChromeMock = configureChromeMock; exports.useChrome = useChrome;

package/dist/index.d.mts

@@ -0,0 +1,149 @@
+export { chromeAppNavClickSpy, configureChromeMock } from './mocks/useChrome.mjs';
+import React, { ReactNode } from 'react';
+export { F as FeatureFlagsConfig, a as FeatureFlagsContext, b as FeatureFlagsProvider } from './FeatureFlagsProvider-C_Xxe83Z.mjs';
+import '@vitest/spy';
+
+type Environment = 'production' | 'staging';
+interface MockUserIdentity {
+    account_number?: string;
+    org_id?: string;
+    user?: {
+        is_org_admin?: boolean;
+        username?: string;
+        email?: string;
+        is_internal?: boolean;
+        first_name?: string;
+        last_name?: string;
+        is_active?: boolean;
+        locale?: string;
+    };
+    organization?: {
+        name?: string;
+    };
+    internal?: {
+        account_id?: string;
+        cross_access?: boolean;
+    };
+    entitlements?: Record<string, {
+        is_entitled?: boolean;
+        is_trial?: boolean;
+    }>;
+}
+interface WorkspacePermissionsMap {
+    view: string[];
+    edit: string[];
+    delete: string[];
+    create: string[];
+    move: string[];
+}
+declare const EMPTY_WORKSPACE_PERMISSIONS: WorkspacePermissionsMap;
+interface TenantPermissionsMap {
+    rbac_roles_read: boolean;
+    rbac_roles_write: boolean;
+    rbac_groups_read: boolean;
+    rbac_groups_write: boolean;
+    rbac_principal_read: boolean;
+    rbac_workspace_view: boolean;
+    rbac_workspace_edit: boolean;
+    rbac_workspace_create: boolean;
+    rbac_workspace_delete: boolean;
+    rbac_workspace_move: boolean;
+}
+declare const EMPTY_TENANT_PERMISSIONS: TenantPermissionsMap;
+interface MockState {
+    environment: Environment;
+    isOrgAdmin: boolean;
+    permissions: string[];
+    workspacePermissions: WorkspacePermissionsMap;
+    tenantPermissions: TenantPermissionsMap;
+    userIdentity?: MockUserIdentity;
+}
+interface StoryParameters {
+    noWrapping?: boolean;
+    permissions?: readonly string[];
+    orgAdmin?: boolean;
+    environment?: 'staging' | 'production';
+    workspacePermissions?: Partial<WorkspacePermissionsMap>;
+    tenantPermissions?: Partial<TenantPermissionsMap>;
+    userIdentity?: MockUserIdentity;
+    featureFlags?: Record<string, boolean>;
+    msw?: {
+        handlers: unknown[];
+    };
+}
+declare const StorybookMockContext: React.Context<MockState>;
+interface ProviderProps extends Partial<MockState> {
+    children: ReactNode;
+}
+declare const StorybookMockProvider: React.FC<ProviderProps>;
+declare const useMockState: () => MockState;
+
+interface ChromeConfig {
+    environment: string;
+    [key: string]: any;
+}
+declare const ChromeContext: React.Context<ChromeConfig>;
+declare const ChromeProvider: React.FC<{
+    value: ChromeConfig;
+    children: ReactNode;
+}>;
+
+/**
+ * Derives Kessel tenant permissions from Chrome-style permission strings.
+ *
+ * V2 domain hooks (useRolesAccess, useGroupsAccess, etc.) consume tenantPermissions
+ * from the Kessel mock. Stories typically set Chrome-style `permissions` (e.g.
+ * ['rbac:group:read', 'rbac:role:write']). This helper converts those to the
+ * tenant relation format expected by useSelfAccessCheck.
+ */
+
+/**
+ * Converts Chrome-style permissions to Kessel tenant permissions.
+ * When a story sets `permissions` but not `tenantPermissions`, this is used
+ * to auto-derive tenant relations so V2 domain hooks work correctly.
+ */
+declare function deriveTenantPermissions(permissions: string[]): Partial<TenantPermissionsMap>;
+
+interface PermissionsArgs {
+    orgAdmin?: boolean;
+    userAccessAdministrator?: boolean;
+}
+interface ChromeArgs {
+    environment?: 'prod' | 'stage' | 'ci-beta' | 'ci-stable' | 'qa-beta' | 'qa-stable';
+}
+interface FeatureFlagsArgs {
+    [key: string]: boolean | undefined;
+}
+type DecoratorArgs = PermissionsArgs & ChromeArgs & FeatureFlagsArgs;
+type StoryArgs<T = {}> = T & DecoratorArgs;
+declare const DEFAULT_DECORATOR_ARGS: {
+    orgAdmin: boolean;
+    userAccessAdministrator: boolean;
+    environment: string;
+};
+declare const DECORATOR_ARG_TYPES: {
+    readonly orgAdmin: {
+        readonly control: "boolean";
+        readonly description: "Organization admin permissions";
+        readonly table: {
+            readonly category: "Permissions";
+        };
+    };
+    readonly userAccessAdministrator: {
+        readonly control: "boolean";
+        readonly description: "User access administrator permissions";
+        readonly table: {
+            readonly category: "Permissions";
+        };
+    };
+    readonly environment: {
+        readonly control: "select";
+        readonly options: readonly ["prod", "stage", "ci-beta", "ci-stable", "qa-beta", "qa-stable"];
+        readonly description: "Environment for Chrome API";
+        readonly table: {
+            readonly category: "Chrome";
+        };
+    };
+};
+
+export { type ChromeConfig, ChromeContext, ChromeProvider, DECORATOR_ARG_TYPES, DEFAULT_DECORATOR_ARGS, type DecoratorArgs, EMPTY_TENANT_PERMISSIONS, EMPTY_WORKSPACE_PERMISSIONS, type Environment, type MockState, type MockUserIdentity, type StoryArgs, type StoryParameters, StorybookMockContext, StorybookMockProvider, type TenantPermissionsMap, type WorkspacePermissionsMap, deriveTenantPermissions, useMockState };