mirror of
https://github.com/hanzoai/o11y.git
synced 2026-10-15 12:58:33 +00:00
The console mounts the gui config its components read
The console renders @hanzo/ui's Button, Badge and Toaster, which are @hanzo/gui components, and gui reads its config from module state createGui fills. Nothing here created one, so the first of them to render threw Err0 and the console fell to "Something went wrong". providers/Gui mounts GuiProvider with the fleet's config, @hanzo/ui/gui-config (the table console and hanzo.ai mount), themed by this app's own dark/light switch. The lockfile is regenerated so it installs at all. The catalog commit moved every version into pnpm-workspace.yaml at the newest release (react-router 5 to 7, antd 5 to 6, redux 4 to 5, i18next 21 to 26, fifty-three majors) without regenerating the lockfile, so `pnpm install --frozen-lockfile` has refused since, and neither Dockerfile.site nor a site build could run. The code is written against the versions the lockfile holds, so the catalog now states those, and the design system stays at the catalog's line: @hanzo/ui 8.27.0, @hanzo/gui 8.3.1. One copy of each installs, with every @hanzogui package at 8.3.1, where the old lockfile split them across 8.0.0 and 8.0.1. chokidar 4.0.3, which the old lockfile already installed under sass, is excluded from the trust policy by exact version: it is the last 4.x and went out without the provenance 4.0.1 carried. Co-authored-by: Hanzo Dev <[email protected]>
This commit is contained in:
zooqueen
Generated
+3055
-2740
File diff suppressed because it is too large
Load Diff
+162
-157
@@ -17,179 +17,184 @@ trustPolicyExclude:
|
||||
# two entries should come back out.
|
||||
- '@hanzo/*'
|
||||
- '@hanzogui/*'
|
||||
# The last 4.x of chokidar (sass 1.97 asks for ^4) went out without the
|
||||
# provenance 4.0.1 carried. This exact version is the one the lockfile has
|
||||
# always installed; the exclusion names it alone so any other chokidar is
|
||||
# still checked.
|
||||
- '[email protected]'
|
||||
overrides:
|
||||
'zod': '^4.5.2'
|
||||
catalog:
|
||||
'@ant-design/colors': '^8.0.1'
|
||||
'@ant-design/v5-patch-for-react-19': '^1.0.3'
|
||||
'@babel/core': '^8.0.1'
|
||||
'@ant-design/colors': '6.0.0'
|
||||
'@ant-design/v5-patch-for-react-19': '1.0.3'
|
||||
'@babel/core': '^7.22.11'
|
||||
'@babel/plugin-proposal-class-properties': '^7.18.6'
|
||||
'@babel/preset-env': '^8.0.2'
|
||||
'@babel/preset-react': '^8.0.1'
|
||||
'@babel/preset-typescript': '^8.0.1'
|
||||
'@codemirror/autocomplete': '^6.20.3'
|
||||
'@codemirror/lang-javascript': '^6.2.5'
|
||||
'@codemirror/state': '^6.7.1'
|
||||
'@codemirror/view': '^6.43.9'
|
||||
'@commitlint/cli': '^21.2.2'
|
||||
'@commitlint/config-conventional': '^21.2.2'
|
||||
'@dnd-kit/core': '^6.3.1'
|
||||
'@dnd-kit/modifiers': '^9.0.0'
|
||||
'@dnd-kit/sortable': '^10.0.0'
|
||||
'@dnd-kit/utilities': '^3.2.2'
|
||||
'@grafana/data': '^13.2.0'
|
||||
'@babel/preset-env': '^7.22.14'
|
||||
'@babel/preset-react': '^7.12.13'
|
||||
'@babel/preset-typescript': '^7.21.4'
|
||||
'@codemirror/autocomplete': '6.18.6'
|
||||
'@codemirror/lang-javascript': '6.2.3'
|
||||
'@codemirror/state': '6.5.2'
|
||||
'@codemirror/view': '6.36.6'
|
||||
'@commitlint/cli': '20.4.4'
|
||||
'@commitlint/config-conventional': '20.4.4'
|
||||
'@dnd-kit/core': '6.1.0'
|
||||
'@dnd-kit/modifiers': '7.0.0'
|
||||
'@dnd-kit/sortable': '8.0.0'
|
||||
'@dnd-kit/utilities': '3.2.2'
|
||||
'@grafana/data': '^11.6.14'
|
||||
'@hanzo/font': '1.9.2'
|
||||
'@hanzo/gui': '8.3.1'
|
||||
'@hanzo/insights': '1.358.1'
|
||||
'@hanzo/ui': '8.27.0'
|
||||
'@jest/globals': '^30.5.0'
|
||||
'@jest/types': '^30.5.0'
|
||||
'@jest/globals': '30.4.1'
|
||||
'@jest/types': '30.2.0'
|
||||
'@monaco-editor/react': '^4.7.0'
|
||||
'@radix-ui/react-dialog': '^1.1.23'
|
||||
'@radix-ui/react-dropdown-menu': '^2.1.24'
|
||||
'@radix-ui/react-popover': '^1.1.23'
|
||||
'@radix-ui/react-select': '^2.3.7'
|
||||
'@radix-ui/react-tooltip': '^1.2.16'
|
||||
'@sentry/react': '^10.72.0'
|
||||
'@sentry/vite-plugin': '^5.4.0'
|
||||
'@tanstack/react-table': '^9.2.4'
|
||||
'@tanstack/react-virtual': '^3.14.10'
|
||||
'@testing-library/jest-dom': '^7.0.1'
|
||||
'@testing-library/react': '^16.3.3'
|
||||
'@testing-library/user-event': '^14.6.6'
|
||||
'@types/color': '^4.2.1'
|
||||
'@types/crypto-js': '^4.2.2'
|
||||
'@types/d3-hierarchy': '^3.1.7'
|
||||
'@types/event-source-polyfill': '^1.0.5'
|
||||
'@types/history': '^5.0.0'
|
||||
'@types/jest': '^30.0.0'
|
||||
'@types/lodash-es': '^4.17.12'
|
||||
'@types/node': '26.4.0'
|
||||
'@types/papaparse': '^5.5.2'
|
||||
'@radix-ui/react-dialog': '1.1.15'
|
||||
'@radix-ui/react-dropdown-menu': '2.1.16'
|
||||
'@radix-ui/react-popover': '1.1.15'
|
||||
'@radix-ui/react-select': '2.2.6'
|
||||
'@radix-ui/react-tooltip': '1.2.8'
|
||||
'@sentry/react': '8.41.0'
|
||||
'@sentry/vite-plugin': '2.22.6'
|
||||
'@tanstack/react-table': '8.20.6'
|
||||
'@tanstack/react-virtual': '3.11.2'
|
||||
'@testing-library/jest-dom': '5.16.5'
|
||||
'@testing-library/react': '16.3.2'
|
||||
'@testing-library/user-event': '14.4.3'
|
||||
'@types/color': '^3.0.3'
|
||||
'@types/crypto-js': '4.2.2'
|
||||
'@types/d3-hierarchy': '1.1.11'
|
||||
'@types/event-source-polyfill': '^1.0.0'
|
||||
'@types/history': '4.7.11'
|
||||
'@types/jest': '30.0.0'
|
||||
'@types/lodash-es': '^4.17.4'
|
||||
'@types/node': '^16.10.3'
|
||||
'@types/papaparse': '5.3.7'
|
||||
'@types/react': '19.2.18'
|
||||
'@types/react-addons-update': '^0.14.24'
|
||||
'@types/react-addons-update': '0.14.21'
|
||||
'@types/react-dom': '19.2.5'
|
||||
'@types/react-grid-layout': '^2.1.0'
|
||||
'@types/react-resizable': '^4.0.0'
|
||||
'@types/react-router-dom': '^5.3.3'
|
||||
'@types/react-syntax-highlighter': '^15.5.13'
|
||||
'@types/redux-mock-store': '^1.5.0'
|
||||
'@types/styled-components': '^5.1.36'
|
||||
'@types/testing-library__jest-dom': '^6.0.0'
|
||||
'@types/uuid': '^11.0.0'
|
||||
'@uiw/codemirror-theme-copilot': '^4.25.11'
|
||||
'@uiw/codemirror-theme-github': '^4.25.11'
|
||||
'@uiw/react-codemirror': '^4.25.11'
|
||||
'@visx/group': '^4.0.0'
|
||||
'@visx/hierarchy': '^4.0.0'
|
||||
'@visx/shape': '^4.0.0'
|
||||
'@visx/tooltip': '^4.0.0'
|
||||
'@visx/vendor': '^4.0.0'
|
||||
'@vitejs/plugin-react': '^6.0.2'
|
||||
'ansi-to-html': '^0.7.2'
|
||||
'antd': '^6.6.2'
|
||||
'antd-table-saveas-excel': '^2.2.1'
|
||||
'antlr4': '^4.13.2'
|
||||
'axios': '^1.20.0'
|
||||
'babel-jest': '^30.5.0'
|
||||
'chart.js': '^4.5.1'
|
||||
'chartjs-adapter-date-fns': '^3.0.0'
|
||||
'chartjs-plugin-annotation': '^3.1.0'
|
||||
'classnames': '^2.5.1'
|
||||
'clsx': '^2.1.1'
|
||||
'cmdk': '^1.1.1'
|
||||
'color': '^5.0.3'
|
||||
'crypto-js': '^4.2.0'
|
||||
'd3-hierarchy': '^3.1.2'
|
||||
'dayjs': '^1.11.23'
|
||||
'dompurify': '^3.4.14'
|
||||
'eslint': '^10.9.1'
|
||||
'eslint-plugin-sonarjs': '^4.2.0'
|
||||
'event-source-polyfill': '^1.0.31'
|
||||
'eventemitter3': '^5.0.4'
|
||||
'@types/react-grid-layout': '^1.1.2'
|
||||
'@types/react-resizable': '3.0.3'
|
||||
'@types/react-router-dom': '^5.1.6'
|
||||
'@types/react-syntax-highlighter': '15.5.13'
|
||||
'@types/redux-mock-store': '1.0.4'
|
||||
'@types/styled-components': '^5.1.4'
|
||||
'@types/testing-library__jest-dom': '^5.14.5'
|
||||
'@types/uuid': '^8.3.1'
|
||||
'@uiw/codemirror-theme-copilot': '4.23.11'
|
||||
'@uiw/codemirror-theme-github': '4.24.1'
|
||||
'@uiw/react-codemirror': '4.23.10'
|
||||
'@visx/group': '4.0.0'
|
||||
'@visx/hierarchy': '4.0.0'
|
||||
'@visx/shape': '4.0.0'
|
||||
'@visx/tooltip': '4.0.0'
|
||||
'@visx/vendor': '4.0.0'
|
||||
'@vitejs/plugin-react': '5.1.4'
|
||||
'ansi-to-html': '0.7.2'
|
||||
'antd': '5.29.3'
|
||||
'antd-table-saveas-excel': '2.2.1'
|
||||
'antlr4': '4.13.2'
|
||||
'axios': '1.16.0'
|
||||
'babel-jest': '^29.6.4'
|
||||
'chart.js': '3.9.1'
|
||||
'chartjs-adapter-date-fns': '^2.0.0'
|
||||
'chartjs-plugin-annotation': '^1.4.0'
|
||||
'classnames': '2.3.2'
|
||||
'clsx': '2.1.1'
|
||||
'cmdk': '1.1.1'
|
||||
'color': '^4.2.1'
|
||||
'crypto-js': '4.2.0'
|
||||
'd3-hierarchy': '3.1.2'
|
||||
'dayjs': '^1.10.7'
|
||||
'dompurify': '3.4.0'
|
||||
'eslint': '9.39.5'
|
||||
'eslint-plugin-sonarjs': '4.2.0'
|
||||
'event-source-polyfill': '1.0.31'
|
||||
'eventemitter3': '5.0.1'
|
||||
'glob': '^13.0.6'
|
||||
'history': '^5.3.0'
|
||||
'http-proxy-middleware': '^4.2.0'
|
||||
'http-status-codes': '^2.3.0'
|
||||
'husky': '^9.1.7'
|
||||
'i18next': '^26.4.0'
|
||||
'i18next-browser-languagedetector': '^8.2.1'
|
||||
'i18next-http-backend': '^4.0.1'
|
||||
'immer': '^11.1.18'
|
||||
'is-ci': '^4.1.0'
|
||||
'jest': '^30.5.0'
|
||||
'jest-environment-jsdom': '^30.5.0'
|
||||
'jest-styled-components': '^7.4.0'
|
||||
'js-base64': '^3.9.3'
|
||||
'json-schema-to-typescript': '^16.0.0'
|
||||
'lint-staged': '^17.4.1'
|
||||
'lodash-es': '^4.18.1'
|
||||
'lucide-react': '^1.33.0'
|
||||
'monaco-editor': '^0.56.0'
|
||||
'motion': '^13.1.1'
|
||||
'msw': '^2.15.0'
|
||||
'nuqs': '^2.10.1'
|
||||
'orval': '^8.27.0'
|
||||
'overlayscrollbars': '^2.16.0'
|
||||
'history': '4.10.1'
|
||||
'http-proxy-middleware': '4.0.0'
|
||||
'http-status-codes': '2.3.0'
|
||||
'husky': '^7.0.4'
|
||||
'i18next': '^21.6.12'
|
||||
'i18next-browser-languagedetector': '^6.1.3'
|
||||
'i18next-http-backend': '^4.0.0'
|
||||
'immer': '11.1.3'
|
||||
'is-ci': '^3.0.1'
|
||||
'jest': '30.2.0'
|
||||
'jest-environment-jsdom': '29.7.0'
|
||||
'jest-styled-components': '^7.2.0'
|
||||
'js-base64': '^3.7.2'
|
||||
'json-schema-to-typescript': '^15.0.4'
|
||||
'lint-staged': '^17.0.4'
|
||||
'lodash-es': '^4.17.21'
|
||||
'lucide-react': '0.498.0'
|
||||
'monaco-editor': '0.55.1'
|
||||
'motion': '12.4.13'
|
||||
'msw': '1.3.2'
|
||||
'nuqs': '2.8.8'
|
||||
'orval': '8.9.1'
|
||||
'overlayscrollbars': '^2.8.1'
|
||||
'overlayscrollbars-react': '^0.5.6'
|
||||
'oxfmt': '^0.65.0'
|
||||
'oxlint': '^1.80.0'
|
||||
'oxlint-tsgolint': '^7.0.2001'
|
||||
'papaparse': '^5.7.0'
|
||||
'postcss': '^8.5.26'
|
||||
'postcss-scss': '^4.0.9'
|
||||
'prop-types': '^15.8.1'
|
||||
'rc-tween-one': '^3.0.6'
|
||||
'oxfmt': '0.47.0'
|
||||
'oxlint': '1.62.0'
|
||||
'oxlint-tsgolint': '0.22.1'
|
||||
'papaparse': '5.4.1'
|
||||
'postcss': '8.5.14'
|
||||
'postcss-scss': '4.0.9'
|
||||
'prop-types': '15.8.1'
|
||||
'rc-tween-one': '3.0.6'
|
||||
'react': '19.2.8'
|
||||
'react-addons-update': '^15.6.3'
|
||||
'react-day-picker': '^10.0.1'
|
||||
'react-dnd': '^16.0.1'
|
||||
'react-dnd-html5-backend': '^16.0.1'
|
||||
'react-addons-update': '15.6.3'
|
||||
'react-day-picker': '^9.0.0'
|
||||
'react-dnd': '16.0.1'
|
||||
'react-dnd-html5-backend': '16.0.1'
|
||||
'react-dom': '19.2.8'
|
||||
'react-drag-listview': '^2.0.0'
|
||||
'react-drag-listview': '2.0.0'
|
||||
'react-force-graph-2d': '^1.29.1'
|
||||
'react-full-screen': '^1.1.1'
|
||||
'react-grid-layout': '^2.2.4'
|
||||
'react-helmet-async': '^3.0.0'
|
||||
'react-hook-form': '^7.86.0'
|
||||
'react-i18next': '^17.0.12'
|
||||
'react-full-screen': '1.1.1'
|
||||
'react-grid-layout': '^1.3.4'
|
||||
'react-helmet-async': '3.0.0'
|
||||
'react-hook-form': '7.71.2'
|
||||
'react-i18next': '^11.16.1'
|
||||
'react-json-tree': '^0.20.0'
|
||||
'react-markdown': '^10.1.0'
|
||||
'react-native-web': '^0.21.2'
|
||||
'react-query': '^3.39.3'
|
||||
'react-redux': '^9.3.0'
|
||||
'react-resizable': '^4.0.2'
|
||||
'react-resizable-panels': '^2.1.9'
|
||||
'react-markdown': '9.0.3'
|
||||
'react-native-web': '0.21.2'
|
||||
'react-query': '3.39.3'
|
||||
'react-redux': '9.3.0'
|
||||
'react-resizable': '3.0.4'
|
||||
'react-resizable-panels': '^4.0.0'
|
||||
'react-rnd': '^10.5.3'
|
||||
'react-router-dom': '^7.18.3'
|
||||
'react-router-dom-v5-compat': '^6.30.6'
|
||||
'react-syntax-highlighter': '^16.1.1'
|
||||
'react-use': '^17.6.1'
|
||||
'react-virtuoso': '^4.18.12'
|
||||
'redux': '^5.0.1'
|
||||
'redux-mock-store': '^1.5.5'
|
||||
'redux-thunk': '^3.1.0'
|
||||
'rehype-raw': '^7.0.0'
|
||||
'remark-gfm': '^4.0.1'
|
||||
'rollup-plugin-visualizer': '^7.1.1'
|
||||
'rrule': '^2.8.1'
|
||||
'sass': '^1.103.1'
|
||||
'sharp': '^0.35.4'
|
||||
'sonner': '^2.0.8'
|
||||
'styled-components': '^6.5.3'
|
||||
'stylelint': '^17.14.1'
|
||||
'svgo': '^4.1.0'
|
||||
'timestamp-nano': '^1.0.1'
|
||||
'react-router-dom': '^5.2.0'
|
||||
'react-router-dom-v5-compat': '6.30.3'
|
||||
'react-syntax-highlighter': '15.5.0'
|
||||
'react-use': '^17.3.2'
|
||||
'react-virtuoso': '4.0.3'
|
||||
'redux': '^4.0.5'
|
||||
'redux-mock-store': '1.5.4'
|
||||
'redux-thunk': '^2.3.0'
|
||||
'rehype-raw': '7.0.0'
|
||||
'remark-gfm': '^4.0.0'
|
||||
'rollup-plugin-visualizer': '7.0.0'
|
||||
'rrule': '2.8.1'
|
||||
'sass': '1.97.3'
|
||||
'sharp': '0.34.5'
|
||||
'sonner': '2.0.7'
|
||||
'styled-components': '^5.3.11'
|
||||
'stylelint': '17.7.0'
|
||||
'svgo': '4.0.1'
|
||||
'timestamp-nano': '^1.0.0'
|
||||
'typescript': '7.0.2'
|
||||
'typescript-plugin-css-modules': '^5.2.0'
|
||||
'uplot': '^1.6.32'
|
||||
'use-sync-external-store': '^1.6.0'
|
||||
'uuid': '^14.0.2'
|
||||
'vaul': '^1.1.2'
|
||||
'vite-plugin-checker': '^0.14.5'
|
||||
'vite-plugin-compression': '^0.5.1'
|
||||
'vite-plugin-html': '^3.2.2'
|
||||
'vite-plugin-image-optimizer': '^2.0.3'
|
||||
'vite-tsconfig-paths': '^6.1.1'
|
||||
'zod': '^4.5.2'
|
||||
'zustand': '^5.0.15'
|
||||
'typescript-plugin-css-modules': '5.2.0'
|
||||
'uplot': '1.6.31'
|
||||
'use-sync-external-store': '1.6.0'
|
||||
'uuid': '^8.3.2'
|
||||
'vaul': '1.1.2'
|
||||
'vite-plugin-checker': '0.12.0'
|
||||
'vite-plugin-compression': '0.5.1'
|
||||
'vite-plugin-html': '3.2.2'
|
||||
'vite-plugin-image-optimizer': '2.0.3'
|
||||
'vite-tsconfig-paths': '6.1.1'
|
||||
'zod': '4.3.6'
|
||||
'zustand': '5.0.11'
|
||||
|
||||
+12
-9
@@ -15,6 +15,7 @@ import { GlobalTimeStoreAdapter } from 'components/GlobalTimeStoreAdapter/Global
|
||||
import { ThemeProvider } from 'hooks/useDarkMode';
|
||||
import { NuqsAdapter } from 'nuqs/adapters/react';
|
||||
import { AppProvider } from 'providers/App/App';
|
||||
import { Gui } from 'providers/Gui';
|
||||
import { TenantProvider } from 'providers/Tenant';
|
||||
import TimezoneProvider from 'providers/Timezone';
|
||||
import store from 'store';
|
||||
@@ -57,15 +58,17 @@ if (container) {
|
||||
<NuqsAdapter>
|
||||
<TenantProvider>
|
||||
<ThemeProvider>
|
||||
<TimezoneProvider>
|
||||
<QueryClientProvider client={queryClient}>
|
||||
<Provider store={store}>
|
||||
<AppProvider>
|
||||
<AppRoutes />
|
||||
</AppProvider>
|
||||
</Provider>
|
||||
</QueryClientProvider>
|
||||
</TimezoneProvider>
|
||||
<Gui>
|
||||
<TimezoneProvider>
|
||||
<QueryClientProvider client={queryClient}>
|
||||
<Provider store={store}>
|
||||
<AppProvider>
|
||||
<AppRoutes />
|
||||
</AppProvider>
|
||||
</Provider>
|
||||
</QueryClientProvider>
|
||||
</TimezoneProvider>
|
||||
</Gui>
|
||||
</ThemeProvider>
|
||||
</TenantProvider>
|
||||
</NuqsAdapter>
|
||||
|
||||
@@ -0,0 +1,21 @@
|
||||
import { ReactNode, type JSX } from 'react';
|
||||
import { GuiProvider } from '@hanzo/gui';
|
||||
import { config } from '@hanzo/ui/gui-config';
|
||||
import { useIsDarkMode } from 'hooks/useDarkMode';
|
||||
|
||||
// The @hanzo/ui components this console renders (Button, Badge, Toaster) are
|
||||
// @hanzo/gui components, and gui reads its config from module state that
|
||||
// createGui fills. Nothing here called it, so the first one to render threw
|
||||
// Err0 and the console fell to "Something went wrong". The config is the
|
||||
// fleet's — @hanzo/ui/gui-config, the table console and hanzo.ai mount — so a
|
||||
// Button is the same size here as on every other Hanzo surface. The theme
|
||||
// follows this app's own dark/light switch.
|
||||
export function Gui({ children }: { children: ReactNode }): JSX.Element {
|
||||
const isDarkMode = useIsDarkMode();
|
||||
|
||||
return (
|
||||
<GuiProvider config={config} defaultTheme={isDarkMode ? 'dark' : 'light'}>
|
||||
{children}
|
||||
</GuiProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user