Fixes 34755: Inbox comment composer's format bar in the design's editor style

.github/playwright/impact-map.generated.json

@@ -3328,6 +3328,7 @@
         "playwright/e2e/Features/AdvancedSearch.spec.ts",
         "playwright/e2e/Features/ContextCenterDashboard.spec.ts",
         "playwright/e2e/Features/DataQuality/IncidentManagerSqlQuery.spec.ts",
+        "playwright/e2e/Features/DataQuality/ProfilerIngestionForm.spec.ts",
         "playwright/e2e/Features/DataQuality/TableTestCaseExportFilters.spec.ts",
         "playwright/e2e/Features/DomainFilterQueryFilter.spec.ts",
         "playwright/e2e/Features/LandingPageWidgets/LandingPageContextCenter.spec.ts",
@@ -8668,6 +8669,7 @@
         "openmetadata-ui/src/main/resources/ui/src/components/Settings/Services/AddIngestion/AddIngestion.component.tsx"
       ],
       "specs": [
+        "playwright/e2e/Features/DataQuality/ProfilerIngestionForm.spec.ts",
         "playwright/e2e/Features/StorageMetadataAgentForm.spec.ts"
       ]
     },
@@ -9260,6 +9262,21 @@
         "playwright/e2e/Pages/Users.spec.ts"
       ]
     },
+    {
+      "sources": [
+        "openmetadata-ui/src/main/resources/ui/src/components/common/CommentComposer/CommentComposer.tsx"
+      ],
+      "specs": [
+        "playwright/e2e/Features/AIMode/InboxActivity.spec.ts",
+        "playwright/e2e/Features/AIMode/InboxTasks.spec.ts",
+        "playwright/e2e/Features/ActivityAPI.spec.ts",
+        "playwright/e2e/Features/ActivityFeed.spec.ts",
+        "playwright/e2e/Features/ContextCenterArticles.spec.ts",
+        "playwright/e2e/Features/ContextCenterPermission.spec.ts",
+        "playwright/e2e/Features/IncidentManager.spec.ts",
+        "playwright/e2e/Features/Tasks/TaskComments.spec.ts"
+      ]
+    },
     {
       "sources": [
         "openmetadata-ui/src/main/resources/ui/src/components/common/CustomPropertyTable/CustomPropertiesWidget/CustomPropertiesWidgetEditor.tsx"
@@ -10350,21 +10367,6 @@
         "playwright/e2e/Features/AIMode/InboxTasks.spec.ts"
       ]
     },
-    {
-      "sources": [
-        "openmetadata-ui/src/main/resources/ui/src/components/discovery/personal-space/InboxPage/components/InboxCommentComposer.tsx"
-      ],
-      "specs": [
-        "playwright/e2e/Features/AIMode/InboxActivity.spec.ts",
-        "playwright/e2e/Features/AIMode/InboxTasks.spec.ts",
-        "playwright/e2e/Features/ActivityAPI.spec.ts",
-        "playwright/e2e/Features/ActivityFeed.spec.ts",
-        "playwright/e2e/Features/ContextCenterArticles.spec.ts",
-        "playwright/e2e/Features/ContextCenterPermission.spec.ts",
-        "playwright/e2e/Features/IncidentManager.spec.ts",
-        "playwright/e2e/Features/Tasks/TaskComments.spec.ts"
-      ]
-    },
     {
       "sources": [
         "openmetadata-ui/src/main/resources/ui/src/components/discovery/personal-space/InboxPage/components/InboxTaskListToolbar.tsx"

openmetadata-ui-core-components/src/main/resources/ui/src/icons/TextEditorBlockquote.tsx

@@ -0,0 +1,52 @@
+/*
+ *  Copyright 2025 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+import * as React from 'react';
+import type { SVGProps, FC } from 'react';
+interface Props extends SVGProps<SVGSVGElement> {
+  color?: string;
+  size?: number;
+}
+
+export const TextEditorBlockquote: FC<Props> = ({
+  size = 24,
+  color = 'currentColor',
+  ...props
+}) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    height={size}
+    stroke={color}
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    viewBox="0 0 20 20"
+    width={size}
+    {...props}>
+    <path
+      d="M8.5 7c0 1.414 0 2.121-.44 2.56-.439.44-1.146.44-2.56.44s-2.121 0-2.56-.44C2.5 9.122 2.5 8.415 2.5 7s0-2.121.44-2.56C3.378 4 4.085 4 5.5 4s2.121 0 2.56.44c.44.439.44 1.146.44 2.56"
+      stroke="currentColor"
+      strokeWidth={1.3}
+    />
+    <path
+      d="M8.5 6.25v3.362C8.5 12.59 6.613 15.118 4 16m13.5-9c0 1.414 0 2.121-.44 2.56-.439.44-1.146.44-2.56.44s-2.121 0-2.56-.44c-.44-.439-.44-1.146-.44-2.56s0-2.121.44-2.56C12.378 4 13.085 4 14.5 4s2.121 0 2.56.44c.44.439.44 1.146.44 2.56"
+      stroke="currentColor"
+      strokeWidth={1.3}
+    />
+    <path
+      d="M17.5 6.25v3.362c0 2.979-1.887 5.506-4.5 6.388"
+      stroke="currentColor"
+      strokeWidth={1.3}
+    />
+  </svg>
+);
+TextEditorBlockquote.displayName = 'TextEditorBlockquote';

openmetadata-ui-core-components/src/main/resources/ui/src/icons/TextEditorBold.tsx

@@ -0,0 +1,42 @@
+/*
+ *  Copyright 2025 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+import * as React from 'react';
+import type { SVGProps, FC } from 'react';
+interface Props extends SVGProps<SVGSVGElement> {
+  color?: string;
+  size?: number;
+}
+
+export const TextEditorBold: FC<Props> = ({
+  size = 24,
+  color = 'currentColor',
+  ...props
+}) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    height={size}
+    stroke={color}
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    viewBox="0 0 20 20"
+    width={size}
+    {...props}>
+    <path
+      d="M5.125 10h6.5a3.25 3.25 0 0 1 0 6.5h-6.5v-13h5.571a3.25 3.25 0 0 1 0 6.5"
+      stroke="currentColor"
+      strokeWidth={1.7}
+    />
+  </svg>
+);
+TextEditorBold.displayName = 'TextEditorBold';

openmetadata-ui-core-components/src/main/resources/ui/src/icons/TextEditorBulletedList.tsx

@@ -0,0 +1,42 @@
+/*
+ *  Copyright 2025 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+import * as React from 'react';
+import type { SVGProps, FC } from 'react';
+interface Props extends SVGProps<SVGSVGElement> {
+  color?: string;
+  size?: number;
+}
+
+export const TextEditorBulletedList: FC<Props> = ({
+  size = 24,
+  color = 'currentColor',
+  ...props
+}) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    height={size}
+    stroke={color}
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    viewBox="0 0 20 20"
+    width={size}
+    {...props}>
+    <path
+      d="M7.637 4.246H17.5M7.637 10H17.5m-9.863 5.75H17.5M2.808 4.245h-.103m.206 0a.205.205 0 1 1-.411 0 .205.205 0 0 1 .411 0m-.103 5.753h-.103m.206 0a.205.205 0 1 1-.41 0 .205.205 0 0 1 .41 0m-.103 5.754h-.103m.206 0a.205.205 0 1 1-.41 0 .205.205 0 0 1 .41 0"
+      stroke="currentColor"
+      strokeWidth={1.3}
+    />
+  </svg>
+);
+TextEditorBulletedList.displayName = 'TextEditorBulletedList';

openmetadata-ui-core-components/src/main/resources/ui/src/icons/TextEditorCode.tsx

@@ -0,0 +1,42 @@
+/*
+ *  Copyright 2025 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+import * as React from 'react';
+import type { SVGProps, FC } from 'react';
+interface Props extends SVGProps<SVGSVGElement> {
+  color?: string;
+  size?: number;
+}
+
+export const TextEditorCode: FC<Props> = ({
+  size = 24,
+  color = 'currentColor',
+  ...props
+}) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    height={size}
+    stroke={color}
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    viewBox="0 0 20 20"
+    width={size}
+    {...props}>
+    <path
+      d="m12.25 4-4.5 12M5.5 13s-3-2.21-3-3 3-3 3-3m9 0s3 2.21 3 3-3 3-3 3"
+      stroke="currentColor"
+      strokeWidth={1.3}
+    />
+  </svg>
+);
+TextEditorCode.displayName = 'TextEditorCode';

openmetadata-ui-core-components/src/main/resources/ui/src/icons/TextEditorEmoji.tsx

@@ -0,0 +1,47 @@
+/*
+ *  Copyright 2025 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+import * as React from 'react';
+import type { SVGProps, FC } from 'react';
+interface Props extends SVGProps<SVGSVGElement> {
+  color?: string;
+  size?: number;
+}
+
+export const TextEditorEmoji: FC<Props> = ({
+  size = 24,
+  color = 'currentColor',
+  ...props
+}) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    height={size}
+    stroke={color}
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    viewBox="0 0 20 20"
+    width={size}
+    {...props}>
+    <path
+      d="M6.25 8.125a1.125 1.125 0 0 1 2.25 0m3 0a1.125 1.125 0 0 1 2.25 0M11.501 11.5c.722 0 1.083 0 1.3.368.218.367.09.602-.167 1.07a3 3 0 0 1-5.266 0c-.257-.468-.385-.703-.167-1.07s.578-.368 1.3-.368z"
+      stroke="currentColor"
+      strokeWidth={1.3}
+    />
+    <path
+      d="M10 17.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15"
+      stroke="currentColor"
+      strokeWidth={1.3}
+    />
+  </svg>
+);
+TextEditorEmoji.displayName = 'TextEditorEmoji';