Open
Conversation
Replace bare `providers` on Meta/Story objects with
`decorators: [applicationConfig({ providers: [...] })]` to match
Storybook 10 API, add missing files to .storybook/tsconfig.json,
and rename exported `Error` stories to avoid shadowing the global.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Contributor
There was a problem hiding this comment.
Pull request overview
This PR updates the frontend’s Storybook setup to be compatible with Storybook 10 for Angular, adds Storybook build/run targets, and introduces a large set of component stories so Storybook can build successfully.
Changes:
- Added Storybook configuration (
.storybook/*) and Angular CLI targets (storybook,build-storybook) plus npm scripts. - Added many
*.stories.tsfiles across dialogs, UI components, skeletons, dashboards, and DB credential forms. - Updated TypeScript config to exclude stories from the app build and added Storybook build output to
.gitignore.
Reviewed changes
Copilot reviewed 171 out of 172 changed files in this pull request and generated 3 comments.
Show a summary per file
| File | Description |
|---|---|
| frontend/tsconfig.app.json | Excludes *.stories.ts from the app compilation. |
| frontend/src/app/components/users/user-delete-dialog/user-delete-dialog.component.stories.ts | Adds Storybook story for user delete dialog with mocked providers. |
| frontend/src/app/components/users/group-add-dialog/group-add-dialog.component.stories.ts | Adds Storybook story for group add dialog with mocked providers. |
| frontend/src/app/components/user-settings/enable-two-fa-dialog/enable-two-fa-dialog.component.stories.ts | Adds Storybook story for 2FA enable dialog with mocked providers. |
| frontend/src/app/components/ui-components/user-password/user-password.stories.ts | Adds Storybook stories for password input component states. |
| frontend/src/app/components/ui-components/turnstile/turnstile.stories.ts | Adds Storybook stories for Turnstile component themes. |
| frontend/src/app/components/ui-components/table-display-fields/uuid/uuid.component.stories.ts | Adds Storybook stories for UUID table display field. |
| frontend/src/app/components/ui-components/table-display-fields/url/url.component.stories.ts | Adds Storybook stories for URL table display field. |
| frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.stories.ts | Adds Storybook stories for timezone table display field. |
| frontend/src/app/components/ui-components/table-display-fields/time/time.component.stories.ts | Adds Storybook stories for time table display field. |
| frontend/src/app/components/ui-components/table-display-fields/time-interval/time-interval.component.stories.ts | Adds Storybook stories for interval table display field. |
| frontend/src/app/components/ui-components/table-display-fields/text/text.component.stories.ts | Adds Storybook stories for text table display field. |
| frontend/src/app/components/ui-components/table-display-fields/static-text/static-text.component.stories.ts | Adds Storybook stories for static text table display field. |
| frontend/src/app/components/ui-components/table-display-fields/select/select.component.stories.ts | Adds Storybook stories for select/enum table display field. |
| frontend/src/app/components/ui-components/table-display-fields/s3/s3.component.stories.ts | Adds Storybook stories for S3 table display field. |
| frontend/src/app/components/ui-components/table-display-fields/range/range.component.stories.ts | Adds Storybook stories for range table display field. |
| frontend/src/app/components/ui-components/table-display-fields/point/point.component.stories.ts | Adds Storybook stories for point table display field. |
| frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.stories.ts | Adds Storybook stories for phone table display field. |
| frontend/src/app/components/ui-components/table-display-fields/password/password.component.stories.ts | Adds Storybook stories for password table display field. |
| frontend/src/app/components/ui-components/table-display-fields/number/number.component.stories.ts | Adds Storybook stories for numeric table display field. |
| frontend/src/app/components/ui-components/table-display-fields/money/money.component.stories.ts | Adds Storybook stories for money table display field. |
| frontend/src/app/components/ui-components/table-display-fields/markdown/markdown.component.stories.ts | Adds Storybook stories for markdown table display field. |
| frontend/src/app/components/ui-components/table-display-fields/long-text/long-text.component.stories.ts | Adds Storybook stories for long text table display field. |
| frontend/src/app/components/ui-components/table-display-fields/language/language.component.stories.ts | Adds Storybook stories for language table display field. |
| frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.stories.ts | Adds Storybook stories for JSON editor table display field. |
| frontend/src/app/components/ui-components/table-display-fields/image/image.component.stories.ts | Adds Storybook stories for image table display field. |
| frontend/src/app/components/ui-components/table-display-fields/id/id.component.stories.ts | Adds Storybook stories for ID table display field. |
| frontend/src/app/components/ui-components/table-display-fields/foreign-key/foreign-key.component.stories.ts | Adds Storybook stories for foreign key table display field. |
| frontend/src/app/components/ui-components/table-display-fields/file/file.component.stories.ts | Adds Storybook stories for file table display field. |
| frontend/src/app/components/ui-components/table-display-fields/date/date.component.stories.ts | Adds Storybook stories for date table display field. |
| frontend/src/app/components/ui-components/table-display-fields/date-time/date-time.component.stories.ts | Adds Storybook stories for datetime table display field. |
| frontend/src/app/components/ui-components/table-display-fields/country/country.component.stories.ts | Adds Storybook stories for country table display field. |
| frontend/src/app/components/ui-components/table-display-fields/color/color.component.stories.ts | Adds Storybook stories for color table display field. |
| frontend/src/app/components/ui-components/table-display-fields/code/code.component.stories.ts | Adds Storybook stories for code table display field. |
| frontend/src/app/components/ui-components/table-display-fields/boolean/boolean.component.stories.ts | Adds Storybook stories for boolean table display field. |
| frontend/src/app/components/ui-components/table-display-fields/binary-data-caption/binary-data-caption.component.stories.ts | Adds Storybook stories for binary data caption table display field. |
| frontend/src/app/components/ui-components/table-display-fields/binary-data-caption/binary-data-caption.component.css | Adds missing CSS file referenced by the component. |
| frontend/src/app/components/ui-components/record-view-fields/uuid/uuid.component.stories.ts | Adds Storybook stories for UUID record view field. |
| frontend/src/app/components/ui-components/record-view-fields/url/url.component.stories.ts | Adds Storybook stories for URL record view field. |
| frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.stories.ts | Adds Storybook stories for timezone record view field. |
| frontend/src/app/components/ui-components/record-view-fields/time/time.component.stories.ts | Adds Storybook stories for time record view field. |
| frontend/src/app/components/ui-components/record-view-fields/time-interval/time-interval.component.stories.ts | Adds Storybook stories for interval record view field. |
| frontend/src/app/components/ui-components/record-view-fields/text/text.component.stories.ts | Adds Storybook stories for text record view field. |
| frontend/src/app/components/ui-components/record-view-fields/static-text/static-text.component.stories.ts | Adds Storybook stories for static text record view field. |
| frontend/src/app/components/ui-components/record-view-fields/select/select.component.stories.ts | Adds Storybook stories for select/enum record view field. |
| frontend/src/app/components/ui-components/record-view-fields/s3/s3.component.stories.ts | Adds Storybook stories for S3 record view field. |
| frontend/src/app/components/ui-components/record-view-fields/range/range.component.stories.ts | Adds Storybook stories for range record view field. |
| frontend/src/app/components/ui-components/record-view-fields/point/point.component.stories.ts | Adds Storybook stories for point record view field. |
| frontend/src/app/components/ui-components/record-view-fields/phone/phone.component.stories.ts | Adds Storybook stories for phone record view field. |
| frontend/src/app/components/ui-components/record-view-fields/password/password.component.stories.ts | Adds Storybook stories for password record view field. |
| frontend/src/app/components/ui-components/record-view-fields/number/number.component.stories.ts | Adds Storybook stories for numeric record view field. |
| frontend/src/app/components/ui-components/record-view-fields/money/money.component.stories.ts | Adds Storybook stories for money record view field. |
| frontend/src/app/components/ui-components/record-view-fields/markdown/markdown.component.stories.ts | Adds Storybook stories for markdown record view field. |
| frontend/src/app/components/ui-components/record-view-fields/long-text/long-text.component.stories.ts | Adds Storybook stories for long text record view field. |
| frontend/src/app/components/ui-components/record-view-fields/language/language.component.stories.ts | Adds Storybook stories for language record view field. |
| frontend/src/app/components/ui-components/record-view-fields/json-editor/json-editor.component.stories.ts | Adds Storybook stories for JSON editor record view field. |
| frontend/src/app/components/ui-components/record-view-fields/image/image.component.stories.ts | Adds Storybook stories for image record view field. |
| frontend/src/app/components/ui-components/record-view-fields/id/id.component.stories.ts | Adds Storybook stories for ID record view field. |
| frontend/src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component.stories.ts | Adds Storybook stories for foreign key record view field. |
| frontend/src/app/components/ui-components/record-view-fields/file/file.component.stories.ts | Adds Storybook stories for file record view field. |
| frontend/src/app/components/ui-components/record-view-fields/date/date.component.stories.ts | Adds Storybook stories for date record view field. |
| frontend/src/app/components/ui-components/record-view-fields/date-time/date-time.component.stories.ts | Adds Storybook stories for datetime record view field. |
| frontend/src/app/components/ui-components/record-view-fields/country/country.component.stories.ts | Adds Storybook stories for country record view field. |
| frontend/src/app/components/ui-components/record-view-fields/color/color.component.stories.ts | Adds Storybook stories for color record view field. |
| frontend/src/app/components/ui-components/record-view-fields/code/code.component.stories.ts | Adds Storybook stories for code record view field. |
| frontend/src/app/components/ui-components/record-view-fields/boolean/boolean.component.stories.ts | Adds Storybook stories for boolean record view field. |
| frontend/src/app/components/ui-components/record-view-fields/binary-data-caption/binary-data-caption.component.stories.ts | Adds Storybook stories for binary data caption record view field. |
| frontend/src/app/components/ui-components/record-view-fields/binary-data-caption/binary-data-caption.component.css | Adds missing CSS file referenced by the component. |
| frontend/src/app/components/ui-components/record-edit-fields/uuid/uuid.component.stories.ts | Adds Storybook stories for UUID record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/url/url.component.stories.ts | Adds Storybook stories for URL record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.stories.ts | Adds Storybook stories for timezone record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/time/time.component.stories.ts | Adds Storybook stories for time record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/time-interval/time-interval.component.stories.ts | Adds Storybook stories for interval record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/text/text.component.stories.ts | Adds Storybook stories for text record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/static-text/static-text.component.stories.ts | Adds Storybook stories for static text record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/select/select.component.stories.ts | Adds Storybook stories for select record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/s3/s3.component.stories.ts | Adds Storybook stories for S3 record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/range/range.component.stories.ts | Adds Storybook stories for range record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/point/point.component.stories.ts | Adds Storybook stories for point record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/phone/phone.component.stories.ts | Adds Storybook stories for phone record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/password/password.component.stories.ts | Adds Storybook stories for password record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/number/number.component.stories.ts | Adds Storybook stories for numeric record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/money/money.component.stories.ts | Adds Storybook stories for money record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/markdown/markdown.component.stories.ts | Adds Storybook stories for markdown record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/long-text/long-text.component.stories.ts | Adds Storybook stories for long text record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/language/language.component.stories.ts | Adds Storybook stories for language record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/json-editor/json-editor.component.stories.ts | Adds Storybook stories for JSON editor record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/image/image.component.stories.ts | Adds Storybook stories for image record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/id/id.component.stories.ts | Adds Storybook stories for ID record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/foreign-key/foreign-key.component.stories.ts | Adds Storybook stories for foreign key record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/file/file.component.stories.ts | Adds Storybook stories for file record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/date/date.component.stories.ts | Adds Storybook stories for date record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/date-time/date-time.component.stories.ts | Adds Storybook stories for datetime record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/country/country.component.stories.ts | Adds Storybook stories for country record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/color/color.component.stories.ts | Adds Storybook stories for color record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/code/code.component.stories.ts | Adds Storybook stories for code record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/boolean/boolean.component.stories.ts | Adds Storybook stories for boolean record edit field states. |
| frontend/src/app/components/ui-components/record-edit-fields/binary-data-caption/binary-data-caption.component.stories.ts | Adds Storybook stories for binary data caption record edit field states. |
| frontend/src/app/components/ui-components/ip-address-button/ip-address-button.stories.ts | Adds Storybook stories for IP address button with mocked notifications. |
| frontend/src/app/components/ui-components/icon-picker/icon-picker.stories.ts | Adds Storybook stories for icon picker states. |
| frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.stories.ts | Adds Storybook stories for timezone filter field states. |
| frontend/src/app/components/ui-components/filter-fields/time/time.component.stories.ts | Adds Storybook stories for time filter field states. |
| frontend/src/app/components/ui-components/filter-fields/time-interval/time-interval.component.stories.ts | Adds Storybook stories for interval filter field states. |
| frontend/src/app/components/ui-components/filter-fields/text/text.component.stories.ts | Adds Storybook stories for text filter field states. |
| frontend/src/app/components/ui-components/filter-fields/static-text/static-text.component.stories.ts | Adds Storybook stories for static text filter field states. |
| frontend/src/app/components/ui-components/filter-fields/select/select.component.stories.ts | Adds Storybook stories for select filter field states. |
| frontend/src/app/components/ui-components/filter-fields/point/point.component.stories.ts | Adds Storybook stories for point filter field states. |
| frontend/src/app/components/ui-components/filter-fields/password/password.component.stories.ts | Adds Storybook stories for password filter field states. |
| frontend/src/app/components/ui-components/filter-fields/number/number.component.stories.ts | Adds Storybook stories for numeric filter field states. |
| frontend/src/app/components/ui-components/filter-fields/long-text/long-text.component.stories.ts | Adds Storybook stories for long text filter field states. |
| frontend/src/app/components/ui-components/filter-fields/json-editor/json-editor.component.stories.ts | Adds Storybook stories for JSON editor filter field states. |
| frontend/src/app/components/ui-components/filter-fields/id/id.component.stories.ts | Adds Storybook stories for ID filter field states. |
| frontend/src/app/components/ui-components/filter-fields/foreign-key/foreign-key.component.stories.ts | Adds Storybook stories for foreign key filter field states. |
| frontend/src/app/components/ui-components/filter-fields/file/file.component.stories.ts | Adds Storybook stories for file filter field states. |
| frontend/src/app/components/ui-components/filter-fields/date/date.component.stories.ts | Adds Storybook stories for date filter field states. |
| frontend/src/app/components/ui-components/filter-fields/date-time/date-time.component.stories.ts | Adds Storybook stories for datetime filter field states. |
| frontend/src/app/components/ui-components/filter-fields/country/country.component.stories.ts | Adds Storybook stories for country filter field states. |
| frontend/src/app/components/ui-components/filter-fields/boolean/boolean.component.stories.ts | Adds Storybook stories for boolean filter field states. |
| frontend/src/app/components/ui-components/filter-fields/binary-data-caption/binary-data-caption.component.stories.ts | Adds Storybook stories for binary data caption filter field states. |
| frontend/src/app/components/ui-components/content-loader/content-loader.stories.ts | Adds Storybook story for content loader component. |
| frontend/src/app/components/ui-components/breadcrumbs/breadcrumbs.stories.ts | Adds Storybook stories for breadcrumbs configurations. |
| frontend/src/app/components/ui-components/banner/banner.stories.ts | Adds Storybook stories for banner variants (including renamed error story). |
| frontend/src/app/components/ui-components/alert/alert.stories.ts | Adds Storybook stories for alert variants (including renamed error story). |
| frontend/src/app/components/skeletons/placeholder-user-groups/placeholder-user-groups.component.stories.ts | Adds Storybook story for placeholder skeleton. |
| frontend/src/app/components/skeletons/placeholder-user-group/placeholder-user-group.component.stories.ts | Adds Storybook story for placeholder skeleton. |
| frontend/src/app/components/skeletons/placeholder-table-widgets/placeholder-table-widgets.component.stories.ts | Adds Storybook story for placeholder skeleton. |
| frontend/src/app/components/skeletons/placeholder-table-view/placeholder-table-view.component.stories.ts | Adds Storybook story for placeholder skeleton. |
| frontend/src/app/components/skeletons/placeholder-table-settings/placeholder-table-settings.component.stories.ts | Adds Storybook story for placeholder skeleton. |
| frontend/src/app/components/skeletons/placeholder-table-data/placeholder-table-data.component.stories.ts | Adds Storybook story for placeholder skeleton. |
| frontend/src/app/components/skeletons/placeholder-sso/placeholder-sso.component.stories.ts | Adds Storybook story for placeholder skeleton. |
| frontend/src/app/components/skeletons/placeholder-saved-filters/placeholder-saved-filters.component.stories.ts | Adds Storybook story for placeholder skeleton. |
| frontend/src/app/components/skeletons/placeholder-row-edit/placeholder-row-edit.component.stories.ts | Adds Storybook story for placeholder skeleton. |
| frontend/src/app/components/skeletons/placeholder-record-view/placeholder-record-view.component.stories.ts | Adds Storybook story for placeholder skeleton. |
| frontend/src/app/components/skeletons/placeholder-dashboards/placeholder-dashboards.component.stories.ts | Adds Storybook story for placeholder skeleton. |
| frontend/src/app/components/skeletons/placeholder-connections/placeholder-connections.component.stories.ts | Adds Storybook story for placeholder skeleton. |
| frontend/src/app/components/skeletons/placeholder-connection-settings/placeholder-connection-settings.component.stories.ts | Adds Storybook story for placeholder skeleton. |
| frontend/src/app/components/skeletons/placeholder-company/placeholder-company.component.stories.ts | Adds Storybook story for placeholder skeleton. |
| frontend/src/app/components/skeletons/placeholder-company-invitation/placeholder-company-invitation.component.stories.ts | Adds Storybook story for placeholder skeleton. |
| frontend/src/app/components/skeletons/placeholder-branding/placeholder-branding.component.stories.ts | Adds Storybook story for placeholder skeleton. |
| frontend/src/app/components/skeletons/placeholder-audit-log/placeholder-audit-log.component.stories.ts | Adds Storybook story for placeholder skeleton. |
| frontend/src/app/components/skeletons/placeholder-api-keys-list/placeholder-api-keys-list.component.stories.ts | Adds Storybook story for placeholder skeleton. |
| frontend/src/app/components/skeletons/placeholder-add-user-dialog/placeholder-add-user-dialog.component.stories.ts | Adds Storybook story for placeholder skeleton dialog. |
| frontend/src/app/components/secrets/create-secret-dialog/create-secret-dialog.component.stories.ts | Adds Storybook story for create secret dialog with mocked providers. |
| frontend/src/app/components/master-password-dialog/master-password-dialog.component.stories.ts | Adds Storybook story for master password dialog with mocked router/providers. |
| frontend/src/app/components/dashboards/panel-renderers/text-panel/text-panel.component.stories.ts | Adds Storybook stories for text dashboard panel. |
| frontend/src/app/components/dashboards/panel-renderers/table-panel/table-panel.component.stories.ts | Adds Storybook stories for table dashboard panel. |
| frontend/src/app/components/dashboards/panel-renderers/dashboard-panel/dashboard-panel.component.stories.ts | Adds Storybook stories for dashboard panel wrapper with mocked services. |
| frontend/src/app/components/dashboards/panel-renderers/counter-panel/counter-panel.component.stories.ts | Adds Storybook stories for counter dashboard panel. |
| frontend/src/app/components/dashboards/panel-renderers/chart-panel/chart-panel.component.stories.ts | Adds Storybook stories for chart dashboard panel. |
| frontend/src/app/components/dashboards/panel-delete-dialog/panel-delete-dialog.component.stories.ts | Adds Storybook story for panel delete dialog with mocked providers. |
| frontend/src/app/components/dashboards/dashboard-edit-dialog/dashboard-edit-dialog.component.stories.ts | Adds Storybook stories for dashboard edit dialog (create/edit) with mocked providers. |
| frontend/src/app/components/dashboards/dashboard-delete-dialog/dashboard-delete-dialog.component.stories.ts | Adds Storybook story for dashboard delete dialog with mocked providers. |
| frontend/src/app/components/connect-db/db-credentials-forms/redis-credentials-form/redis-credentials-form.component.stories.ts | Adds Storybook stories for Redis credentials form states. |
| frontend/src/app/components/connect-db/db-credentials-forms/postgres-credentials-form/postgres-credentials-form.component.stories.ts | Adds Storybook stories for Postgres credentials form states. |
| frontend/src/app/components/connect-db/db-credentials-forms/oracledb-credentials-form/oracledb-credentials-form.component.stories.ts | Adds Storybook stories for OracleDB credentials form states. |
| frontend/src/app/components/connect-db/db-credentials-forms/mysql-credentials-form/mysql-credentials-form.component.stories.ts | Adds Storybook stories for MySQL credentials form states. |
| frontend/src/app/components/connect-db/db-credentials-forms/mssql-credentials-form/mssql-credentials-form.component.stories.ts | Adds Storybook stories for MSSQL credentials form states. |
| frontend/src/app/components/connect-db/db-credentials-forms/mongodb-credentials-form/mongodb-credentials-form.component.stories.ts | Adds Storybook stories for MongoDB credentials form states. |
| frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.stories.ts | Adds Storybook stories for Elasticsearch credentials form states. |
| frontend/src/app/components/connect-db/db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component.stories.ts | Adds Storybook stories for DynamoDB credentials form states. |
| frontend/src/app/components/connect-db/db-credentials-forms/db2-credentials-form/db2-credentials-form.component.stories.ts | Adds Storybook stories for DB2 credentials form states. |
| frontend/src/app/components/connect-db/db-credentials-forms/clickhouse-credentials-form/clickhouse-credentials-form.component.stories.ts | Adds Storybook stories for ClickHouse credentials form states. |
| frontend/src/app/components/connect-db/db-credentials-forms/cassandra-credentials-form/cassandra-credentials-form.component.stories.ts | Adds Storybook stories for Cassandra credentials form states. |
| frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.stories.ts | Adds Storybook story for DB connection delete dialog with mocked providers. |
| frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.stories.ts | Adds Storybook story for invite member dialog with mocked providers. |
| frontend/package.json | Adds Storybook scripts/dependencies and pins webpack via Yarn resolutions. |
| frontend/angular.json | Adds storybook and build-storybook targets for Angular CLI. |
| frontend/.storybook/tsconfig.json | Adds Storybook-specific TS config including story files and config files. |
| frontend/.storybook/preview.ts | Adds global Storybook decorators via applicationConfig providers. |
| frontend/.storybook/main.ts | Adds Storybook main config (stories glob/framework). |
| frontend/.gitignore | Ignores Storybook static build output directory. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Comment on lines
78
to
96
| "@angular/build": "20.3.14", | ||
| "@angular/cli": "~20.3.14", | ||
| "@angular/compiler-cli": "~20.3.16", | ||
| "@angular/language-service": "~20.3.16", | ||
| "@sentry-internal/rrweb": "^2.16.0", | ||
| "@storybook/angular": "^10.2.14", | ||
| "@types/node": "^22.10.2", | ||
| "@vitest/browser": "^3.1.1", | ||
| "jsdom": "^27.4.0", | ||
| "playwright": "^1.57.0", | ||
| "storybook": "^10.2.14", | ||
| "ts-node": "~10.9.2", | ||
| "typescript": "~5.9.3", | ||
| "vitest": "^3.1.1" | ||
| }, | ||
| "resolutions": { | ||
| "mermaid": "^11.10.0" | ||
| "mermaid": "^11.10.0", | ||
| "webpack": "5.104.1" | ||
| }, |
There was a problem hiding this comment.
package.json adds new Storybook dependencies and a resolutions.webpack pin, but the PR doesn’t update yarn.lock. With Yarn v1 this will cause installs/CI to keep using the old lockfile (or fail with a frozen lockfile setting), and the new resolution won’t actually be applied consistently. Please regenerate and commit yarn.lock after these dependency changes.
Comment on lines
+1
to
+10
| .static-text { | ||
| margin-bottom: 20px; | ||
| } | ||
|
|
||
| .static-text__value { | ||
| color: #0a0a0a; | ||
| font-style: italic; | ||
| opacity: 0.32; | ||
| padding-left: 8px; | ||
| } |
There was a problem hiding this comment.
The selectors in this new stylesheet (.static-text, .static-text__value) don’t match the classes used in binary-data-caption.component.html in this folder (which uses .field-display / .field-value), so these styles won’t apply. Please either update the selectors to target the rendered markup or adjust the template classes to match.
Comment on lines
+1
to
+10
| .static-text { | ||
| margin-bottom: 20px; | ||
| } | ||
|
|
||
| .static-text__value { | ||
| color: #0a0a0a; | ||
| font-style: italic; | ||
| opacity: 0.32; | ||
| padding-left: 8px; | ||
| } |
There was a problem hiding this comment.
The selectors in this new stylesheet (.static-text, .static-text__value) don’t match the classes used in binary-data-caption.component.html in this folder (which uses .field-display / .field-value), so these styles won’t apply. Please either update the selectors to target the rendered markup or adjust the template classes to match.
![github-advanced-security[bot]](https://avatars.githubusercontent.com/in/57789?s=60&v=4){kind=small}
frontend/src/app/components/master-password-dialog/master-password-dialog.component.ts
Fixed
Show fixed
Hide fixed
gugu
force-pushed
the
fix/storybook-typescript-errors
branch
from
fe5df31 to
a24ae55
Compare
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Replace bare
providerson Meta/Story objects withdecorators: [applicationConfig({ providers: [...] })]to match Storybook 10 API, add missing files to .storybook/tsconfig.json, and rename exportedErrorstories to avoid shadowing the global.