From c91454b3a0c62bcae9d1cef5fcfd9a21d3cd4465 Mon Sep 17 00:00:00 2001
From: MoritzWeber <kontakt@moritz-weber.net>
Date: Mon, 2 Dec 2024 18:30:03 +0100
Subject: [PATCH] chore: Improve word wrapping of common projects

In addition, add a path to the diagram cache stories.
---
 .../model-diagram-code-block.stories.ts                       | 4 ++++
 .../common-projects/common-projects.component.html            | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/projects/models/diagrams/model-diagram-dialog/model-diagram-code-block/model-diagram-code-block.stories.ts b/frontend/src/app/projects/models/diagrams/model-diagram-dialog/model-diagram-code-block/model-diagram-code-block.stories.ts
index 8b7ceaf588..31a5f0bcae 100644
--- a/frontend/src/app/projects/models/diagrams/model-diagram-dialog/model-diagram-code-block/model-diagram-code-block.stories.ts
+++ b/frontend/src/app/projects/models/diagrams/model-diagram-dialog/model-diagram-code-block/model-diagram-code-block.stories.ts
@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { Meta, StoryObj } from '@storybook/angular';
+import { mockMetadata } from 'src/storybook/metadata';
 import { mockModel } from 'src/storybook/model';
 import { mockProject } from 'src/storybook/project';
 import { ModelDiagramCodeBlockComponent } from './model-diagram-code-block.component';
@@ -20,6 +21,7 @@ export const CodeBlock: Story = {
     model: mockModel,
     project: mockProject,
     expanded: true,
+    metadata: mockMetadata,
   },
 };
 
@@ -29,6 +31,7 @@ export const CodeBlockWithToken: Story = {
     project: mockProject,
     expanded: true,
     passwordValue: 'verysecretpassword',
+    metadata: mockMetadata,
   },
 };
 
@@ -38,5 +41,6 @@ export const CodeBlockWithJobID: Story = {
     project: mockProject,
     expanded: true,
     jobId: '1234',
+    metadata: mockMetadata,
   },
 };
diff --git a/frontend/src/app/users/users-profile/common-projects/common-projects.component.html b/frontend/src/app/users/users-profile/common-projects/common-projects.component.html
index 99b9a07958..79a7e3c1a4 100644
--- a/frontend/src/app/users/users-profile/common-projects/common-projects.component.html
+++ b/frontend/src/app/users/users-profile/common-projects/common-projects.component.html
@@ -21,7 +21,7 @@ <h2 class="text-xl font-medium">Common Projects</h2>
             [routerLink]="['/project', project.slug]"
           >
             <div>
-              <b class="line-clamp-1">{{ project.name }}</b
+              <b class="line-clamp-1 break-all">{{ project.name }}</b
               ><br />
               @if (project.description) {
                 <span class="line-clamp-3 md:line-clamp-5">{{