@ynput/ayon-frontend-shared 0.3.11 → 0.3.13

package/dist/shared/src/components/DetailsPanelDetails/DescriptionSection.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),s=require("react"),d=require("@ynput/ayon-react-components"),C=require("react-quill-ayon"),b=require("clsx"),x=require("./BorderedSection.cjs.js"),D=require("../QuillListStyles/QuillListStyles.cjs.js"),i=require("./DescriptionSection.styles.cjs.js"),v=require("../../containers/Feed/components/CommentInput/InputMarkdownConvert.cjs.js"),w=require("./hooks/useDescriptionEditor.cjs.js"),B=require("./hooks/useMentionSystem.cjs.js"),H=require("./hooks/useQuillFormats.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");const M=({imageUploader:u,disableImageUpload:q=!1})=>{const t=[[{header:2},"bold","italic","link","code-block"],[{list:"ordered"},{list:"bullet"}]];return q||t.push(["image"]),{toolbar:t,imageUploader:u,magicUrl:!0}},Q=({description:u,isMixed:q,enableEditing:t,onChange:p,isLoading:m})=>{const o=s.useRef(null),[l,c]=s.useState("");s.useEffect(()=>{if(!u?.trim()){c("");return}if(!o.current)return;const n=o.current.innerHTML;c(n)},[u]);const{isEditing:r,editorValue:j,setEditorValue:S,editorRef:h,handleStartEditing:a,handleSave:E,handleCancel:R,handleKeyDown:f}=w.useDescriptionEditor({descriptionHtml:l,enableEditing:t,isMixed:q,onChange:p}),y=H.useQuillFormats();if(m)return e.jsxRuntimeExports.jsx(x.BorderedSection,{title:"Description",children:e.jsxRuntimeExports.jsx(i.StyledLoadingSkeleton,{})});const g=n=>{if(r)return;if(n.target.closest("a")){n.stopPropagation();return}r||a()},k=r?j:l;return e.jsxRuntimeExports.jsxs(x.BorderedSection,{title:"Description",showHeader:!r,enableHover:!r,onClick:r?void 0:a,children:[e.jsxRuntimeExports.jsxs(i.StyledContent,{className:b({editing:r}),onClick:g,children:[e.jsxRuntimeExports.jsx(i.StyledEditor,{className:"block-shortcuts",children:e.jsxRuntimeExports.jsx(D.QuillListStyles,{children:e.jsxRuntimeExports.jsx(i.StyledQuillContainer,{children:e.jsxRuntimeExports.jsx(C,{theme:"snow",ref:h,value:k,onChange:S,placeholder:"Add a description...",modules:r?M({imageUploader:null,disableImageUpload:!0}):{toolbar:!1},formats:y,onKeyDown:f,readOnly:!r},`description-editor-${r}`)})})}),r&&e.jsxRuntimeExports.jsx(i.StyledFooter,{children:e.jsxRuntimeExports.jsxs(i.StyledButtonContainer,{children:[e.jsxRuntimeExports.jsx(d.Button,{variant:"text",label:"Cancel",onClick:R}),e.jsxRuntimeExports.jsx(d.Button,{variant:"filled",label:"Save",onClick:E})]})})]}),e.jsxRuntimeExports.jsx(i.StyledHiddenMarkdown,{ref:o,children:e.jsxRuntimeExports.jsx(v,{typeOptions:B.mentionTypeOptions,initValue:u||""})})]})};exports.DescriptionSection=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),s=require("react"),d=require("@ynput/ayon-react-components"),C=require("react-quill-ayon"),b=require("clsx"),x=require("./BorderedSection.cjs.js"),v=require("../QuillListStyles/QuillListStyles.cjs.js"),i=require("./DescriptionSection.styles.cjs.js"),D=require("../../containers/Feed/components/CommentInput/InputMarkdownConvert.cjs.js"),w=require("./hooks/useDescriptionEditor.cjs.js"),B=require("./hooks/useMentionSystem.cjs.js"),H=require("./hooks/useQuillFormats.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");const M=({imageUploader:u,disableImageUpload:o=!1})=>{const t=[[{header:2},"bold","italic","link","code-block"],[{list:"ordered"},{list:"bullet"}]];return o||t.push(["image"]),{toolbar:t,imageUploader:u,magicUrl:!0}},Q=({description:u,isMixed:o,enableEditing:t,onChange:p,isLoading:m})=>{const q=s.useRef(null),[l,c]=s.useState("");s.useEffect(()=>{if(!u?.trim()){c("");return}if(!q.current)return;const n=q.current.innerHTML;c(n)},[u]);const{isEditing:r,editorValue:j,setEditorValue:h,editorRef:S,handleStartEditing:a,handleSave:y,handleCancel:E,handleKeyDown:R}=w.useDescriptionEditor({descriptionHtml:l,enableEditing:t,isMixed:o,onChange:p}),f=H.useQuillFormats();if(m)return e.jsxRuntimeExports.jsx(x.BorderedSection,{title:"Description",children:e.jsxRuntimeExports.jsx(i.StyledLoadingSkeleton,{})});const g=n=>{if(r)return;if(n.target.closest("a")){n.stopPropagation();return}r||a()},k=r?j:l;return e.jsxRuntimeExports.jsxs(x.BorderedSection,{title:"Description",showHeader:!r,enableHover:!r,onClick:r?void 0:a,children:[e.jsxRuntimeExports.jsxs(i.StyledContent,{className:b({editing:r}),onClick:g,children:[e.jsxRuntimeExports.jsx(i.StyledEditor,{className:"block-shortcuts",children:e.jsxRuntimeExports.jsx(v.QuillListStyles,{style:r?{height:"auto"}:void 0,children:e.jsxRuntimeExports.jsx(i.StyledQuillContainer,{style:r?{height:"auto"}:void 0,children:e.jsxRuntimeExports.jsx(C,{theme:"snow",ref:S,value:k,onChange:h,placeholder:"Add a description...",modules:r?M({imageUploader:null,disableImageUpload:!0}):{toolbar:!1},formats:f,onKeyDown:R,readOnly:!r},`description-editor-${r}`)})})}),r&&e.jsxRuntimeExports.jsx(i.StyledFooter,{children:e.jsxRuntimeExports.jsxs(i.StyledButtonContainer,{children:[e.jsxRuntimeExports.jsx(d.Button,{variant:"text",label:"Cancel",onClick:E}),e.jsxRuntimeExports.jsx(d.Button,{variant:"filled",label:"Save",onClick:y})]})})]}),e.jsxRuntimeExports.jsx(i.StyledHiddenMarkdown,{ref:q,children:e.jsxRuntimeExports.jsx(D,{typeOptions:B.mentionTypeOptions,initValue:u||""})})]})};exports.DescriptionSection=Q;
 //# sourceMappingURL=DescriptionSection.cjs.js.map

package/dist/shared/src/components/DetailsPanelDetails/DescriptionSection.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionSection.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DescriptionSection.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport ReactQuill from 'react-quill-ayon'\nimport clsx from 'clsx'\nimport { BorderedSection } from './BorderedSection'\nimport { QuillListStyles } from '../QuillListStyles'\nimport {\n  StyledContent,\n  StyledEditor,\n  StyledFooter,\n  StyledLoadingSkeleton,\n  StyledButtonContainer,\n  StyledQuillContainer,\n  StyledHiddenMarkdown,\n} from './DescriptionSection.styles'\nimport InputMarkdownConvert from '@shared/containers/Feed/components/CommentInput/InputMarkdownConvert'\nimport { mentionTypeOptions, useDescriptionEditor, useQuillFormats } from './hooks'\n\n// Custom modules function for description editor (without checklist)\nconst getDescriptionModules = ({\n  imageUploader,\n  disableImageUpload = false,\n}: {\n  imageUploader: any\n  disableImageUpload?: boolean\n}) => {\n  const toolbar = [\n    [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n    [{ list: 'ordered' }, { list: 'bullet' }], // Removed { list: 'check' }\n  ]\n\n  if (!disableImageUpload) {\n    toolbar.push(['image'])\n  }\n\n  return {\n    toolbar,\n    imageUploader,\n    magicUrl: true,\n  }\n}\n\ninterface DescriptionSectionProps {\n  description: string\n  isMixed: boolean\n  enableEditing: boolean\n  onChange: (description: string) => void\n  isLoading: boolean\n}\n\nexport const DescriptionSection: React.FC<DescriptionSectionProps> = ({\n  description,\n  isMixed,\n  enableEditing,\n  onChange,\n  isLoading,\n}) => {\n  const markdownRef = useRef<HTMLDivElement>(null)\n  const [descriptionHtml, setDescriptionHtml] = useState('')\n\n  useEffect(() => {\n    if (!description?.trim()) {\n      setDescriptionHtml('')\n      return\n    }\n\n    if (!markdownRef.current) return\n\n    const html = markdownRef.current.innerHTML\n    setDescriptionHtml(html)\n  }, [description])\n\n  // Use custom hooks to manage state and logic\n  const {\n    isEditing,\n    editorValue,\n    setEditorValue,\n    editorRef,\n    handleStartEditing,\n    handleSave,\n    handleCancel,\n    handleKeyDown,\n  } = useDescriptionEditor({\n    descriptionHtml,\n    enableEditing,\n    isMixed,\n    onChange,\n  })\n\n  const conditionalFormats = useQuillFormats()\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Description\">\n        <StyledLoadingSkeleton />\n      </BorderedSection>\n    )\n  }\n\n  // Handle clicks on links to prevent edit mode activation\n  const handleContentClick = (e: React.MouseEvent) => {\n    // If we're in editing mode, don't prevent default behavior for links\n    if (isEditing) {\n      return\n    }\n    \n    // Check if the clicked element is a link or inside a link\n    const target = e.target as HTMLElement\n    const link = target.closest('a')\n    \n    if (link) {\n      // If clicking on a link, prevent the edit mode from activating\n      e.stopPropagation()\n      return\n    }\n    \n    // For other clicks when not editing, allow edit mode to activate\n    if (!isEditing) {\n      handleStartEditing()\n    }\n  }\n\n  const quillValue = isEditing ? editorValue : descriptionHtml\n\n  return (\n    <BorderedSection\n      title=\"Description\"\n      showHeader={!isEditing}\n      enableHover={!isEditing}\n      onClick={!isEditing ? handleStartEditing : undefined}\n    >\n      <StyledContent \n        className={clsx({ editing: isEditing })}\n        onClick={handleContentClick}\n      >\n        <StyledEditor className=\"block-shortcuts\">\n          <QuillListStyles>\n            <StyledQuillContainer>\n              <ReactQuill\n                key={`description-editor-${isEditing}`}\n                theme=\"snow\"\n                ref={editorRef}\n                value={quillValue}\n                onChange={setEditorValue}\n                placeholder=\"Add a description...\"\n                modules={\n                  isEditing\n                    ? getDescriptionModules({ imageUploader: null, disableImageUpload: true })\n                    : { toolbar: false }\n                }\n                formats={conditionalFormats}\n                onKeyDown={handleKeyDown}\n                readOnly={!isEditing}\n              />\n            </StyledQuillContainer>\n          </QuillListStyles>\n        </StyledEditor>\n        {isEditing && (\n          <StyledFooter>\n            <StyledButtonContainer>\n              <Button variant=\"text\" label=\"Cancel\" onClick={handleCancel} />\n              <Button variant=\"filled\" label=\"Save\" onClick={handleSave} />\n            </StyledButtonContainer>\n          </StyledFooter>\n        )}\n      </StyledContent>\n      <StyledHiddenMarkdown ref={markdownRef}>\n        <InputMarkdownConvert\n          typeOptions={mentionTypeOptions}\n          initValue={description || ''}\n        />\n      </StyledHiddenMarkdown>\n    </BorderedSection>\n  )\n}\n"],"names":["getDescriptionModules","imageUploader","disableImageUpload","toolbar","DescriptionSection","description","isMixed","enableEditing","onChange","isLoading","markdownRef","useRef","descriptionHtml","setDescriptionHtml","useState","useEffect","html","isEditing","editorValue","setEditorValue","editorRef","handleStartEditing","handleSave","handleCancel","handleKeyDown","useDescriptionEditor","conditionalFormats","useQuillFormats","BorderedSection","jsx","StyledLoadingSkeleton","handleContentClick","e","quillValue","jsxs","StyledContent","clsx","StyledEditor","QuillListStyles","StyledQuillContainer","ReactQuill","StyledFooter","StyledButtonContainer","Button","StyledHiddenMarkdown","InputMarkdownConvert","mentionTypeOptions"],"mappings":"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"}
+{"version":3,"file":"DescriptionSection.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DescriptionSection.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport ReactQuill from 'react-quill-ayon'\nimport clsx from 'clsx'\nimport { BorderedSection } from './BorderedSection'\nimport { QuillListStyles } from '../QuillListStyles'\nimport {\n  StyledContent,\n  StyledEditor,\n  StyledFooter,\n  StyledLoadingSkeleton,\n  StyledButtonContainer,\n  StyledQuillContainer,\n  StyledHiddenMarkdown,\n} from './DescriptionSection.styles'\nimport InputMarkdownConvert from '@shared/containers/Feed/components/CommentInput/InputMarkdownConvert'\nimport { mentionTypeOptions, useDescriptionEditor, useQuillFormats } from './hooks'\n\n// Custom modules function for description editor (without checklist)\nconst getDescriptionModules = ({\n  imageUploader,\n  disableImageUpload = false,\n}: {\n  imageUploader: any\n  disableImageUpload?: boolean\n}) => {\n  const toolbar = [\n    [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n    [{ list: 'ordered' }, { list: 'bullet' }], // Removed { list: 'check' }\n  ]\n\n  if (!disableImageUpload) {\n    toolbar.push(['image'])\n  }\n\n  return {\n    toolbar,\n    imageUploader,\n    magicUrl: true,\n  }\n}\n\ninterface DescriptionSectionProps {\n  description: string\n  isMixed: boolean\n  enableEditing: boolean\n  onChange: (description: string) => void\n  isLoading: boolean\n}\n\nexport const DescriptionSection: React.FC<DescriptionSectionProps> = ({\n  description,\n  isMixed,\n  enableEditing,\n  onChange,\n  isLoading,\n}) => {\n  const markdownRef = useRef<HTMLDivElement>(null)\n  const [descriptionHtml, setDescriptionHtml] = useState('')\n\n  useEffect(() => {\n    if (!description?.trim()) {\n      setDescriptionHtml('')\n      return\n    }\n\n    if (!markdownRef.current) return\n\n    const html = markdownRef.current.innerHTML\n    setDescriptionHtml(html)\n  }, [description])\n\n  // Use custom hooks to manage state and logic\n  const {\n    isEditing,\n    editorValue,\n    setEditorValue,\n    editorRef,\n    handleStartEditing,\n    handleSave,\n    handleCancel,\n    handleKeyDown,\n  } = useDescriptionEditor({\n    descriptionHtml,\n    enableEditing,\n    isMixed,\n    onChange,\n  })\n\n  const conditionalFormats = useQuillFormats()\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Description\">\n        <StyledLoadingSkeleton />\n      </BorderedSection>\n    )\n  }\n\n  // Handle clicks on links to prevent edit mode activation\n  const handleContentClick = (e: React.MouseEvent) => {\n    // If we're in editing mode, don't prevent default behavior for links\n    if (isEditing) {\n      return\n    }\n\n    // Check if the clicked element is a link or inside a link\n    const target = e.target as HTMLElement\n    const link = target.closest('a')\n\n    if (link) {\n      // If clicking on a link, prevent the edit mode from activating\n      e.stopPropagation()\n      return\n    }\n\n    // For other clicks when not editing, allow edit mode to activate\n    if (!isEditing) {\n      handleStartEditing()\n    }\n  }\n\n  const quillValue = isEditing ? editorValue : descriptionHtml\n\n  return (\n    <BorderedSection\n      title=\"Description\"\n      showHeader={!isEditing}\n      enableHover={!isEditing}\n      onClick={!isEditing ? handleStartEditing : undefined}\n    >\n      <StyledContent\n        className={clsx({ editing: isEditing })}\n        onClick={handleContentClick}\n      >\n        <StyledEditor className=\"block-shortcuts\">\n          <QuillListStyles style={isEditing ? { height: 'auto' } : undefined}>\n            <StyledQuillContainer style={isEditing ? { height: 'auto' } : undefined}>\n              <ReactQuill\n                key={`description-editor-${isEditing}`}\n                theme=\"snow\"\n                ref={editorRef}\n                value={quillValue}\n                onChange={setEditorValue}\n                placeholder=\"Add a description...\"\n                modules={\n                  isEditing\n                    ? getDescriptionModules({ imageUploader: null, disableImageUpload: true })\n                    : { toolbar: false }\n                }\n                formats={conditionalFormats}\n                onKeyDown={handleKeyDown}\n                readOnly={!isEditing}\n              />\n            </StyledQuillContainer>\n          </QuillListStyles>\n        </StyledEditor>\n        {isEditing && (\n          <StyledFooter>\n            <StyledButtonContainer>\n              <Button variant=\"text\" label=\"Cancel\" onClick={handleCancel} />\n              <Button variant=\"filled\" label=\"Save\" onClick={handleSave} />\n            </StyledButtonContainer>\n          </StyledFooter>\n        )}\n      </StyledContent>\n      <StyledHiddenMarkdown ref={markdownRef}>\n        <InputMarkdownConvert\n          typeOptions={mentionTypeOptions}\n          initValue={description || ''}\n        />\n      </StyledHiddenMarkdown>\n    </BorderedSection>\n  )\n}\n"],"names":["getDescriptionModules","imageUploader","disableImageUpload","toolbar","DescriptionSection","description","isMixed","enableEditing","onChange","isLoading","markdownRef","useRef","descriptionHtml","setDescriptionHtml","useState","useEffect","html","isEditing","editorValue","setEditorValue","editorRef","handleStartEditing","handleSave","handleCancel","handleKeyDown","useDescriptionEditor","conditionalFormats","useQuillFormats","BorderedSection","jsx","StyledLoadingSkeleton","handleContentClick","e","quillValue","jsxs","StyledContent","clsx","StyledEditor","QuillListStyles","StyledQuillContainer","ReactQuill","StyledFooter","StyledButtonContainer","Button","StyledHiddenMarkdown","InputMarkdownConvert","mentionTypeOptions"],"mappings":"q3MAmBA,MAAMA,EAAwB,CAAC,CAC7B,cAAAC,EACA,mBAAAC,EAAqB,EACvB,IAGM,CACJ,MAAMC,EAAU,CACd,CAAC,CAAE,OAAQ,CAAA,EAAK,OAAQ,SAAU,OAAQ,YAAY,EACtD,CAAC,CAAE,KAAM,SAAA,EAAa,CAAE,KAAM,SAAU,CAAA,EAG1C,OAAKD,GACHC,EAAQ,KAAK,CAAC,OAAO,CAAC,EAGjB,CACL,QAAAA,EACA,cAAAF,EACA,SAAU,EAAA,CAEd,EAUaG,EAAwD,CAAC,CACpE,YAAAC,EACA,QAAAC,EACA,cAAAC,EACA,SAAAC,EACA,UAAAC,CACF,IAAM,CACJ,MAAMC,EAAcC,EAAAA,OAAuB,IAAI,EACzC,CAACC,EAAiBC,CAAkB,EAAIC,EAAAA,SAAS,EAAE,EAEzDC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACV,GAAa,OAAQ,CACxBQ,EAAmB,EAAE,EACrB,MACF,CAEA,GAAI,CAACH,EAAY,QAAS,OAE1B,MAAMM,EAAON,EAAY,QAAQ,UACjCG,EAAmBG,CAAI,CACzB,EAAG,CAACX,CAAW,CAAC,EAGhB,KAAM,CACJ,UAAAY,EACA,YAAAC,EACA,eAAAC,EACA,UAAAC,EACA,mBAAAC,EACA,WAAAC,EACA,aAAAC,EACA,cAAAC,CAAA,EACEC,uBAAqB,CACvB,gBAAAb,EACA,cAAAL,EACA,QAAAD,EACA,SAAAE,CAAA,CACD,EAEKkB,EAAqBC,EAAAA,gBAAA,EAE3B,GAAIlB,EACF,+BACGmB,kBAAA,CAAgB,MAAM,cACrB,SAAAC,wBAACC,EAAAA,wBAAsB,EACzB,EAKJ,MAAMC,EAAsBC,GAAwB,CAElD,GAAIf,EACF,OAOF,GAHee,EAAE,OACG,QAAQ,GAAG,EAErB,CAERA,EAAE,gBAAA,EACF,MACF,CAGKf,GACHI,EAAA,CAEJ,EAEMY,EAAahB,EAAYC,EAAcN,EAE7C,OACEsB,EAAAA,kBAAAA,KAACN,EAAAA,gBAAA,CACC,MAAM,cACN,WAAY,CAACX,EACb,YAAa,CAACA,EACd,QAAUA,EAAiC,OAArBI,EAEtB,SAAA,CAAAa,EAAAA,kBAAAA,KAACC,EAAAA,cAAA,CACC,UAAWC,EAAK,CAAE,QAASnB,EAAW,EACtC,QAASc,EAET,SAAA,CAAAF,EAAAA,kBAAAA,IAACQ,EAAAA,aAAA,CAAa,UAAU,kBACtB,SAAAR,wBAACS,EAAAA,iBAAgB,MAAOrB,EAAY,CAAE,OAAQ,QAAW,OACvD,SAAAY,wBAACU,EAAAA,sBAAqB,MAAOtB,EAAY,CAAE,OAAQ,MAAA,EAAW,OAC5D,SAAAY,EAAAA,kBAAAA,IAACW,EAAA,CAEC,MAAM,OACN,IAAKpB,EACL,MAAOa,EACP,SAAUd,EACV,YAAY,uBACZ,QACEF,EACIjB,EAAsB,CAAE,cAAe,KAAM,mBAAoB,EAAA,CAAM,EACvE,CAAE,QAAS,EAAA,EAEjB,QAAS0B,EACT,UAAWF,EACX,SAAU,CAACP,CAAA,EAbN,sBAAsBA,CAAS,EAAA,CActC,CACF,EACF,EACF,EACCA,GACCY,EAAAA,kBAAAA,IAACY,eAAA,CACC,SAAAP,yBAACQ,EAAAA,sBAAA,CACC,SAAA,CAAAb,wBAACc,EAAAA,QAAO,QAAQ,OAAO,MAAM,SAAS,QAASpB,EAAc,0BAC5DoB,EAAAA,OAAA,CAAO,QAAQ,SAAS,MAAM,OAAO,QAASrB,CAAA,CAAY,CAAA,CAAA,CAC7D,CAAA,CACF,CAAA,CAAA,CAAA,EAGJO,EAAAA,kBAAAA,IAACe,EAAAA,qBAAA,CAAqB,IAAKlC,EACzB,SAAAmB,EAAAA,kBAAAA,IAACgB,EAAA,CACC,YAAaC,EAAAA,mBACb,UAAWzC,GAAe,EAAA,CAAA,CAC5B,CACF,CAAA,CAAA,CAAA,CAGN"}

package/dist/shared/src/components/DetailsPanelDetails/DescriptionSection.es.js

@@ -95,6 +95,7 @@ import "../../api/queries/review/getReview.es.js";
 import "../../api/queries/review/updateReview.es.js";
 import "../../api/queries/share/share.es.js";
 import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/tasks/getTasks.es.js";
 import "../../api/queries/tasks/updateTasks.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
@@ -126,54 +127,54 @@ import "react-redux";
 import "custom-protocol-check";
 import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
 const N = ({
-  imageUploader: r,
+  imageUploader: i,
   disableImageUpload: p = !1
 }) => {
-  const i = [
+  const r = [
     [{ header: 2 }, "bold", "italic", "link", "code-block"],
     [{ list: "ordered" }, { list: "bullet" }]
     // Removed { list: 'check' }
   ];
-  return p || i.push(["image"]), {
-    toolbar: i,
-    imageUploader: r,
+  return p || r.push(["image"]), {
+    toolbar: r,
+    imageUploader: i,
     magicUrl: !0
   };
-}, sr = ({
-  description: r,
+}, ai = ({
+  description: i,
   isMixed: p,
-  enableEditing: i,
+  enableEditing: r,
   onChange: c,
   isLoading: u
 }) => {
   const e = b(null), [n, l] = v("");
   D(() => {
-    if (!r?.trim()) {
+    if (!i?.trim()) {
       l("");
       return;
     }
     if (!e.current) return;
     const m = e.current.innerHTML;
     l(m);
-  }, [r]);
+  }, [i]);
   const {
     isEditing: o,
     editorValue: f,
     setEditorValue: h,
     editorRef: x,
     handleStartEditing: s,
-    handleSave: j,
-    handleCancel: S,
-    handleKeyDown: g
+    handleSave: g,
+    handleCancel: j,
+    handleKeyDown: y
   } = U({
     descriptionHtml: n,
-    enableEditing: i,
+    enableEditing: r,
     isMixed: p,
     onChange: c
-  }), k = K();
+  }), S = K();
   if (u)
     return /* @__PURE__ */ t.jsx(d, { title: "Description", children: /* @__PURE__ */ t.jsx(R, {}) });
-  const y = (m) => {
+  const k = (m) => {
     if (o)
       return;
     if (m.target.closest("a")) {
@@ -194,9 +195,9 @@ const N = ({
           M,
           {
             className: E({ editing: o }),
-            onClick: y,
+            onClick: k,
             children: [
-              /* @__PURE__ */ t.jsx(Q, { className: "block-shortcuts", children: /* @__PURE__ */ t.jsx(H, { children: /* @__PURE__ */ t.jsx(V, { children: /* @__PURE__ */ t.jsx(
+              /* @__PURE__ */ t.jsx(Q, { className: "block-shortcuts", children: /* @__PURE__ */ t.jsx(H, { style: o ? { height: "auto" } : void 0, children: /* @__PURE__ */ t.jsx(V, { style: o ? { height: "auto" } : void 0, children: /* @__PURE__ */ t.jsx(
                 w,
                 {
                   theme: "snow",
@@ -205,15 +206,15 @@ const N = ({
                   onChange: h,
                   placeholder: "Add a description...",
                   modules: o ? N({ imageUploader: null, disableImageUpload: !0 }) : { toolbar: !1 },
-                  formats: k,
-                  onKeyDown: g,
+                  formats: S,
+                  onKeyDown: y,
                   readOnly: !o
                 },
                 `description-editor-${o}`
               ) }) }) }),
               o && /* @__PURE__ */ t.jsx(B, { children: /* @__PURE__ */ t.jsxs(F, { children: [
-                /* @__PURE__ */ t.jsx(a, { variant: "text", label: "Cancel", onClick: S }),
-                /* @__PURE__ */ t.jsx(a, { variant: "filled", label: "Save", onClick: j })
+                /* @__PURE__ */ t.jsx(a, { variant: "text", label: "Cancel", onClick: j }),
+                /* @__PURE__ */ t.jsx(a, { variant: "filled", label: "Save", onClick: g })
               ] }) })
             ]
           }
@@ -222,7 +223,7 @@ const N = ({
           O,
           {
             typeOptions: I,
-            initValue: r || ""
+            initValue: i || ""
           }
         ) })
       ]
@@ -230,6 +231,6 @@ const N = ({
   );
 };
 export {
-  sr as DescriptionSection
+  ai as DescriptionSection
 };
 //# sourceMappingURL=DescriptionSection.es.js.map

package/dist/shared/src/components/DetailsPanelDetails/DescriptionSection.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionSection.es.js","sources":["../../../../../src/components/DetailsPanelDetails/DescriptionSection.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport ReactQuill from 'react-quill-ayon'\nimport clsx from 'clsx'\nimport { BorderedSection } from './BorderedSection'\nimport { QuillListStyles } from '../QuillListStyles'\nimport {\n  StyledContent,\n  StyledEditor,\n  StyledFooter,\n  StyledLoadingSkeleton,\n  StyledButtonContainer,\n  StyledQuillContainer,\n  StyledHiddenMarkdown,\n} from './DescriptionSection.styles'\nimport InputMarkdownConvert from '@shared/containers/Feed/components/CommentInput/InputMarkdownConvert'\nimport { mentionTypeOptions, useDescriptionEditor, useQuillFormats } from './hooks'\n\n// Custom modules function for description editor (without checklist)\nconst getDescriptionModules = ({\n  imageUploader,\n  disableImageUpload = false,\n}: {\n  imageUploader: any\n  disableImageUpload?: boolean\n}) => {\n  const toolbar = [\n    [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n    [{ list: 'ordered' }, { list: 'bullet' }], // Removed { list: 'check' }\n  ]\n\n  if (!disableImageUpload) {\n    toolbar.push(['image'])\n  }\n\n  return {\n    toolbar,\n    imageUploader,\n    magicUrl: true,\n  }\n}\n\ninterface DescriptionSectionProps {\n  description: string\n  isMixed: boolean\n  enableEditing: boolean\n  onChange: (description: string) => void\n  isLoading: boolean\n}\n\nexport const DescriptionSection: React.FC<DescriptionSectionProps> = ({\n  description,\n  isMixed,\n  enableEditing,\n  onChange,\n  isLoading,\n}) => {\n  const markdownRef = useRef<HTMLDivElement>(null)\n  const [descriptionHtml, setDescriptionHtml] = useState('')\n\n  useEffect(() => {\n    if (!description?.trim()) {\n      setDescriptionHtml('')\n      return\n    }\n\n    if (!markdownRef.current) return\n\n    const html = markdownRef.current.innerHTML\n    setDescriptionHtml(html)\n  }, [description])\n\n  // Use custom hooks to manage state and logic\n  const {\n    isEditing,\n    editorValue,\n    setEditorValue,\n    editorRef,\n    handleStartEditing,\n    handleSave,\n    handleCancel,\n    handleKeyDown,\n  } = useDescriptionEditor({\n    descriptionHtml,\n    enableEditing,\n    isMixed,\n    onChange,\n  })\n\n  const conditionalFormats = useQuillFormats()\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Description\">\n        <StyledLoadingSkeleton />\n      </BorderedSection>\n    )\n  }\n\n  // Handle clicks on links to prevent edit mode activation\n  const handleContentClick = (e: React.MouseEvent) => {\n    // If we're in editing mode, don't prevent default behavior for links\n    if (isEditing) {\n      return\n    }\n    \n    // Check if the clicked element is a link or inside a link\n    const target = e.target as HTMLElement\n    const link = target.closest('a')\n    \n    if (link) {\n      // If clicking on a link, prevent the edit mode from activating\n      e.stopPropagation()\n      return\n    }\n    \n    // For other clicks when not editing, allow edit mode to activate\n    if (!isEditing) {\n      handleStartEditing()\n    }\n  }\n\n  const quillValue = isEditing ? editorValue : descriptionHtml\n\n  return (\n    <BorderedSection\n      title=\"Description\"\n      showHeader={!isEditing}\n      enableHover={!isEditing}\n      onClick={!isEditing ? handleStartEditing : undefined}\n    >\n      <StyledContent \n        className={clsx({ editing: isEditing })}\n        onClick={handleContentClick}\n      >\n        <StyledEditor className=\"block-shortcuts\">\n          <QuillListStyles>\n            <StyledQuillContainer>\n              <ReactQuill\n                key={`description-editor-${isEditing}`}\n                theme=\"snow\"\n                ref={editorRef}\n                value={quillValue}\n                onChange={setEditorValue}\n                placeholder=\"Add a description...\"\n                modules={\n                  isEditing\n                    ? getDescriptionModules({ imageUploader: null, disableImageUpload: true })\n                    : { toolbar: false }\n                }\n                formats={conditionalFormats}\n                onKeyDown={handleKeyDown}\n                readOnly={!isEditing}\n              />\n            </StyledQuillContainer>\n          </QuillListStyles>\n        </StyledEditor>\n        {isEditing && (\n          <StyledFooter>\n            <StyledButtonContainer>\n              <Button variant=\"text\" label=\"Cancel\" onClick={handleCancel} />\n              <Button variant=\"filled\" label=\"Save\" onClick={handleSave} />\n            </StyledButtonContainer>\n          </StyledFooter>\n        )}\n      </StyledContent>\n      <StyledHiddenMarkdown ref={markdownRef}>\n        <InputMarkdownConvert\n          typeOptions={mentionTypeOptions}\n          initValue={description || ''}\n        />\n      </StyledHiddenMarkdown>\n    </BorderedSection>\n  )\n}\n"],"names":["getDescriptionModules","imageUploader","disableImageUpload","toolbar","DescriptionSection","description","isMixed","enableEditing","onChange","isLoading","markdownRef","useRef","descriptionHtml","setDescriptionHtml","useState","useEffect","html","isEditing","editorValue","setEditorValue","editorRef","handleStartEditing","handleSave","handleCancel","handleKeyDown","useDescriptionEditor","conditionalFormats","useQuillFormats","BorderedSection","jsx","StyledLoadingSkeleton","handleContentClick","e","quillValue","jsxs","StyledContent","clsx","StyledEditor","QuillListStyles","StyledQuillContainer","ReactQuill","StyledFooter","StyledButtonContainer","Button","StyledHiddenMarkdown","InputMarkdownConvert","mentionTypeOptions"],"mappings":"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"}
+{"version":3,"file":"DescriptionSection.es.js","sources":["../../../../../src/components/DetailsPanelDetails/DescriptionSection.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport ReactQuill from 'react-quill-ayon'\nimport clsx from 'clsx'\nimport { BorderedSection } from './BorderedSection'\nimport { QuillListStyles } from '../QuillListStyles'\nimport {\n  StyledContent,\n  StyledEditor,\n  StyledFooter,\n  StyledLoadingSkeleton,\n  StyledButtonContainer,\n  StyledQuillContainer,\n  StyledHiddenMarkdown,\n} from './DescriptionSection.styles'\nimport InputMarkdownConvert from '@shared/containers/Feed/components/CommentInput/InputMarkdownConvert'\nimport { mentionTypeOptions, useDescriptionEditor, useQuillFormats } from './hooks'\n\n// Custom modules function for description editor (without checklist)\nconst getDescriptionModules = ({\n  imageUploader,\n  disableImageUpload = false,\n}: {\n  imageUploader: any\n  disableImageUpload?: boolean\n}) => {\n  const toolbar = [\n    [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n    [{ list: 'ordered' }, { list: 'bullet' }], // Removed { list: 'check' }\n  ]\n\n  if (!disableImageUpload) {\n    toolbar.push(['image'])\n  }\n\n  return {\n    toolbar,\n    imageUploader,\n    magicUrl: true,\n  }\n}\n\ninterface DescriptionSectionProps {\n  description: string\n  isMixed: boolean\n  enableEditing: boolean\n  onChange: (description: string) => void\n  isLoading: boolean\n}\n\nexport const DescriptionSection: React.FC<DescriptionSectionProps> = ({\n  description,\n  isMixed,\n  enableEditing,\n  onChange,\n  isLoading,\n}) => {\n  const markdownRef = useRef<HTMLDivElement>(null)\n  const [descriptionHtml, setDescriptionHtml] = useState('')\n\n  useEffect(() => {\n    if (!description?.trim()) {\n      setDescriptionHtml('')\n      return\n    }\n\n    if (!markdownRef.current) return\n\n    const html = markdownRef.current.innerHTML\n    setDescriptionHtml(html)\n  }, [description])\n\n  // Use custom hooks to manage state and logic\n  const {\n    isEditing,\n    editorValue,\n    setEditorValue,\n    editorRef,\n    handleStartEditing,\n    handleSave,\n    handleCancel,\n    handleKeyDown,\n  } = useDescriptionEditor({\n    descriptionHtml,\n    enableEditing,\n    isMixed,\n    onChange,\n  })\n\n  const conditionalFormats = useQuillFormats()\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Description\">\n        <StyledLoadingSkeleton />\n      </BorderedSection>\n    )\n  }\n\n  // Handle clicks on links to prevent edit mode activation\n  const handleContentClick = (e: React.MouseEvent) => {\n    // If we're in editing mode, don't prevent default behavior for links\n    if (isEditing) {\n      return\n    }\n\n    // Check if the clicked element is a link or inside a link\n    const target = e.target as HTMLElement\n    const link = target.closest('a')\n\n    if (link) {\n      // If clicking on a link, prevent the edit mode from activating\n      e.stopPropagation()\n      return\n    }\n\n    // For other clicks when not editing, allow edit mode to activate\n    if (!isEditing) {\n      handleStartEditing()\n    }\n  }\n\n  const quillValue = isEditing ? editorValue : descriptionHtml\n\n  return (\n    <BorderedSection\n      title=\"Description\"\n      showHeader={!isEditing}\n      enableHover={!isEditing}\n      onClick={!isEditing ? handleStartEditing : undefined}\n    >\n      <StyledContent\n        className={clsx({ editing: isEditing })}\n        onClick={handleContentClick}\n      >\n        <StyledEditor className=\"block-shortcuts\">\n          <QuillListStyles style={isEditing ? { height: 'auto' } : undefined}>\n            <StyledQuillContainer style={isEditing ? { height: 'auto' } : undefined}>\n              <ReactQuill\n                key={`description-editor-${isEditing}`}\n                theme=\"snow\"\n                ref={editorRef}\n                value={quillValue}\n                onChange={setEditorValue}\n                placeholder=\"Add a description...\"\n                modules={\n                  isEditing\n                    ? getDescriptionModules({ imageUploader: null, disableImageUpload: true })\n                    : { toolbar: false }\n                }\n                formats={conditionalFormats}\n                onKeyDown={handleKeyDown}\n                readOnly={!isEditing}\n              />\n            </StyledQuillContainer>\n          </QuillListStyles>\n        </StyledEditor>\n        {isEditing && (\n          <StyledFooter>\n            <StyledButtonContainer>\n              <Button variant=\"text\" label=\"Cancel\" onClick={handleCancel} />\n              <Button variant=\"filled\" label=\"Save\" onClick={handleSave} />\n            </StyledButtonContainer>\n          </StyledFooter>\n        )}\n      </StyledContent>\n      <StyledHiddenMarkdown ref={markdownRef}>\n        <InputMarkdownConvert\n          typeOptions={mentionTypeOptions}\n          initValue={description || ''}\n        />\n      </StyledHiddenMarkdown>\n    </BorderedSection>\n  )\n}\n"],"names":["getDescriptionModules","imageUploader","disableImageUpload","toolbar","DescriptionSection","description","isMixed","enableEditing","onChange","isLoading","markdownRef","useRef","descriptionHtml","setDescriptionHtml","useState","useEffect","html","isEditing","editorValue","setEditorValue","editorRef","handleStartEditing","handleSave","handleCancel","handleKeyDown","useDescriptionEditor","conditionalFormats","useQuillFormats","BorderedSection","jsx","StyledLoadingSkeleton","handleContentClick","e","quillValue","jsxs","StyledContent","clsx","StyledEditor","QuillListStyles","StyledQuillContainer","ReactQuill","StyledFooter","StyledButtonContainer","Button","StyledHiddenMarkdown","InputMarkdownConvert","mentionTypeOptions"],"mappings":"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"}

package/dist/shared/src/components/DetailsPanelDetails/DescriptionSection.styles.cjs.js

@@ -10,9 +10,11 @@
     cursor: default;
     padding: 0;
     margin: 0;
+    height: auto;
+    min-height: 300px;
 
-    .ql-container.ql-snow {
-      max-height: calc(100% - 57px);
+    .quill {
+      height: auto;
     }
   }
 
@@ -190,6 +192,11 @@
         font-style: italic;
       }
 
+      /* Ensure blank line paragraphs have visible height */
+      p {
+        min-height: 1.43em;
+      }
+
       .ql-code-block-container {
         background-color: var(--md-sys-color-surface-container-lowest);
         padding: var(--padding-m);
@@ -394,10 +401,10 @@
 `;o.span`
   color: var(--md-sys-color-on-surface-variant);
   font-style: italic;
-`;const n=o.div`
+`;const a=o.div`
   display: flex;
   gap: 8px;
-`,a=o.div`
+`,n=o.div`
   height: 100%;
   min-width: 0;
 
@@ -456,5 +463,5 @@
   opacity: 0;
   top: -9999px;
   left: -9999px;
-`;exports.StyledButtonContainer=n;exports.StyledContent=r;exports.StyledEditor=e;exports.StyledFooter=t;exports.StyledHiddenMarkdown=l;exports.StyledLoadingSkeleton=i;exports.StyledQuillContainer=a;
+`;exports.StyledButtonContainer=a;exports.StyledContent=r;exports.StyledEditor=e;exports.StyledFooter=t;exports.StyledHiddenMarkdown=l;exports.StyledLoadingSkeleton=i;exports.StyledQuillContainer=n;
 //# sourceMappingURL=DescriptionSection.styles.cjs.js.map

package/dist/shared/src/components/DetailsPanelDetails/DescriptionSection.styles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionSection.styles.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DescriptionSection.styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledContent = styled.div`\n  padding: 0;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  height: 100%;\n\n  &.editing {\n    cursor: default;\n    padding: 0;\n    margin: 0;\n\n    .ql-container.ql-snow {\n      max-height: calc(100% - 57px);\n    }\n  }\n\n  &:not(.editing) {\n    cursor: pointer !important;\n\n    * {\n      cursor: pointer !important;\n    }\n  }\n`\n\nexport const StyledDescription = styled.div`\n  color: var(--md-sys-color-on-surface);\n  line-height: 1.5;\n  white-space: pre-wrap;\n  word-break: break-word;\n\n  &.empty {\n    color: var(--md-sys-color-on-surface-variant);\n    font-style: italic;\n  }\n`\n\nexport const StyledEditor = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n\n  .ql-toolbar.ql-snow {\n    height: 40px;\n    border: none;\n    border-bottom: 1px solid var(--md-sys-color-outline-variant);\n    padding: 4px;\n    display: flex;\n    width: unset;\n\n    .ql-formats {\n      margin-right: 8px;\n      padding-right: 8px;\n      border-right: 1px solid var(--md-sys-color-outline-variant);\n      display: flex;\n      gap: var(--base-gap-small);\n\n      &:last-child {\n        border-right: none;\n      }\n    }\n\n    button {\n      float: none;\n      height: 32px;\n      width: 32px;\n      border-radius: var(--border-radius-m);\n      transition: all 0.2s ease;\n      border: none;\n      background: transparent;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      /* Base styling matching activity section */\n      &,\n      .icon {\n        color: var(--md-sys-color-on-surface);\n      }\n\n      &.ql-active {\n        background-color: var(--md-sys-color-secondary-container);\n\n        .icon {\n          color: var(--md-sys-color-on-secondary-container);\n          font-weight: 600;\n        }\n      }\n\n      &:hover {\n        background-color: var(--md-sys-color-surface-container-high-hover);\n      }\n\n      &:hover.ql-active {\n        background-color: var(--md-sys-color-secondary-container-hover);\n      }\n\n      /* Special styling for header dropdown when active - matching activity reference styling */\n      &.ql-picker.ql-active {\n        background-color: var(--md-sys-color-secondary-container);\n        border: 1px solid var(--md-sys-color-outline);\n        border-radius: var(--border-radius-m);\n\n        .ql-picker-label {\n          color: var(--md-sys-color-on-secondary-container);\n          font-weight: 600;\n        }\n      }\n\n      /* Picker dropdown styling to match activity section */\n      &.ql-picker {\n        background-color: var(--md-sys-color-surface-container-high);\n        border-radius: var(--border-radius-m);\n\n        &:hover {\n          background-color: var(--md-sys-color-surface-container-high-hover);\n        }\n\n        &:active {\n          background-color: var(--md-sys-color-surface-container-high-active);\n        }\n      }\n    }\n  }\n\n  .ql-container.ql-snow {\n    border: none;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    padding: 12px;\n\n    .ql-editor {\n      min-height: 60px;\n      flex: 1;\n      overflow-y: auto;\n      overflow-x: auto;\n      min-width: 0;\n      padding: 0;\n      white-space: normal;\n      word-break: keep-all;\n      overflow-wrap: normal;\n\n      /* Consistent scrollbar styling across edit/read-only */\n      scrollbar-width: thin;\n      scrollbar-color: var(--md-sys-color-outline) transparent;\n\n      &::-webkit-scrollbar {\n        width: 8px;\n        height: 8px;\n      }\n\n      &::-webkit-scrollbar-track {\n        background: transparent;\n      }\n\n      &::-webkit-scrollbar-thumb {\n        background-color: var(--md-sys-color-outline);\n        border-radius: 8px;\n        border: 2px solid transparent;\n        background-clip: content-box;\n      }\n\n      &::-webkit-scrollbar-thumb:hover {\n        background-color: var(--md-sys-color-outline-variant);\n      }\n\n      width: 100%;\n      max-width: 100%;\n\n      &[contenteditable='false'] {\n        /* Allow scrolling in read-only mode */\n        pointer-events: auto;\n        cursor: pointer !important;\n        -webkit-overflow-scrolling: touch;\n\n        a {\n          pointer-events: auto;\n          cursor: pointer !important;\n\n          &:hover {\n            text-decoration: underline;\n          }\n        }\n      }\n\n      &.ql-blank::before {\n        color: var(--md-sys-color-on-surface-variant);\n        opacity: 0.6;\n        font-style: italic;\n      }\n\n      .ql-code-block-container {\n        background-color: var(--md-sys-color-surface-container-lowest);\n        padding: var(--padding-m);\n        border-radius: var(--border-radius-m);\n        font-family: monospace;\n        margin-bottom: 12px;\n      }\n\n      .ql-code-block-container .ql-code-block,\n      .ql-code-block-container .ql-code-block *,\n      .ql-code-block-container * {\n        font-family: monospace;\n        font-size: var(--md-sys-typescale-body-small-font-size);\n      }\n\n      a {\n        color: var(--md-sys-color-primary);\n        text-decoration: none;\n        /* Handle very long URLs and paths */\n        word-break: break-all;\n        overflow-wrap: break-word;\n        overflow-x: auto;\n        display: inline-block;\n        max-width: 100%;\n      }\n\n      strong {\n        em,\n        u,\n        a {\n          font-weight: 800;\n        }\n      }\n\n      /* Match activity section typography */\n      h1,\n      h2 {\n        font-size: 24px;\n        margin-top: 16px;\n        margin-bottom: 8px;\n      }\n\n      h2 {\n        a,\n        em,\n        strong {\n          font-size: 20px;\n        }\n\n        p {\n          word-break: break-word;\n          margin-bottom: 8px;\n          /* Handle very long unbreakable content like file paths */\n          overflow-x: auto;\n          min-width: 0;\n        }\n\n        ul,\n        ol {\n          margin: 16px 0 !important;\n          padding-left: 20px;\n        }\n\n        blockquote {\n          margin: 0;\n          padding-left: 16px;\n          position: relative;\n\n          &::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 0;\n            bottom: 0;\n            width: 4px;\n            background-color: var(--md-sys-color-outline-variant);\n            border-radius: 2px;\n          }\n        }\n\n        /* Handle very long unbreakable content like file paths */\n        * {\n          /* Allow horizontal scroll for any element with very long content */\n          overflow-x: auto;\n          min-width: 0;\n        }\n      }\n    }\n  }\n`\n\nexport const StyledFooter = styled.div`\n  display: flex;\n  justify-content: end;\n  align-items: center;\n  padding: 8px;\n  height: 48px;\n  border-top: 1px solid var(--md-sys-color-outline-variant);\n`\n\nexport const StyledMarkdown = styled.div`\n  .markdown-content {\n    color: var(--md-sys-color-on-surface);\n    line-height: 1.5;\n    white-space: pre-wrap; /* prevent preserved newlines from adding extra gaps compared to editor */\n\n    /* Normalize spacing to match the editor */\n    /* Match editor heading sizes: Quill uses ~1.5em for H2 */\n    h1 {\n      font-size: 1.5rem;\n    }\n    h2 {\n      font-size: 24px;\n      margin-top: 16px;\n      margin-bottom: 8px;\n    }\n    h3 {\n      font-size: 1.125rem;\n    }\n\n    /* Avoid big gaps created by consecutive blank paragraphs */\n    p {\n      margin: 0;\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    pre {\n      background-color: var(--md-sys-color-surface-container-lowest);\n      padding: 8px;\n      border-radius: var(--border-radius-m);\n      overflow-x: auto;\n      margin: 0;\n      letter-spacing: 0.25px;\n    }\n\n    strong {\n      em,\n      a {\n        font-weight: 800 !important;\n      }\n    }\n\n    blockquote {\n      border-left: 3px solid var(--md-sys-color-outline);\n      margin: 8px 0;\n      padding-left: 12px;\n      color: var(--md-sys-color-on-surface-variant);\n    }\n\n    ul,\n    ol {\n      white-space: nowrap;\n      margin: 16px 0;\n      padding-left: 20px !important;\n    }\n\n    /* Handle mixed lists with data-list attributes */\n    ol li[data-list='bullet'] {\n      list-style-type: disc !important;\n    }\n\n    ol li[data-list='ordered'] {\n      list-style-type: decimal !important;\n    }\n\n    /* Remove extra vertical gap when markdown renders mixed list types consecutively */\n    ul + ul,\n    ul + ol,\n    ol + ul,\n    ol + ol {\n      /* Use a negative top margin to cancel the previous list's bottom margin (margin-collapsing) */\n      margin-top: -16px;\n    }\n\n    ol li {\n      list-style-type: decimal !important;\n      list-style-position: inside !important;\n    }\n\n    ul li {\n      list-style-type: circle !important;\n      list-style-position: inside !important;\n    }\n\n    a {\n      color: var(--md-sys-color-primary);\n      text-decoration: none;\n    }\n\n    h2 {\n      a,\n      em,\n      strong {\n        font-size: 20px;\n        margin-top: 16px;\n        margin-bottom: 8px;\n      }\n    }\n  }\n`\n\nexport const StyledLoadingSkeleton = styled.div`\n  height: 20px;\n  background: var(--md-sys-color-surface-container-low);\n  border-radius: 4px;\n`\n\nexport const StyledMultipleValues = styled.span`\n  color: var(--md-sys-color-on-surface-variant);\n  font-style: italic;\n`\n\nexport const StyledButtonContainer = styled.div`\n  display: flex;\n  gap: 8px;\n`\n\nexport const StyledQuillContainer = styled.div`\n  height: 100%;\n  min-width: 0;\n\n  .quill {\n    height: 100%;\n  }\n\n  /* Force cursor pointer when ReactQuill is readonly - comprehensive approach */\n  .ql-container.ql-snow .ql-editor[contenteditable='false'] {\n    cursor: pointer !important;\n\n    /* Override cursor for all child elements */\n    * {\n      cursor: pointer !important;\n    }\n\n    /* Specific overrides for common elements that might have different cursors */\n    a,\n    strong,\n    em,\n    code,\n    span,\n    div,\n    p,\n    li,\n    ol,\n    ul,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      cursor: pointer !important;\n    }\n\n    /* Ensure links are clickable and have proper cursor */\n    a {\n      pointer-events: auto !important;\n      cursor: pointer !important;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  /* Also handle blank state */\n  .ql-editor.ql-blank {\n    cursor: pointer !important;\n  }\n`\n\nexport const StyledHiddenMarkdown = styled.div`\n  position: fixed;\n  visibility: hidden;\n  pointer-events: none;\n  opacity: 0;\n  top: -9999px;\n  left: -9999px;\n`\n"],"names":["StyledContent","styled","StyledEditor","StyledFooter","StyledLoadingSkeleton","StyledButtonContainer","StyledQuillContainer","StyledHiddenMarkdown"],"mappings":"qHAEaA,EAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2BHA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYjC,MAAMC,EAAeD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwPtBE,EAAeF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASLA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuG9B,MAAMG,EAAwBH,EAAO;AAAA;AAAA;AAAA;AAAA,EAMRA,EAAO;AAAA;AAAA;AAAA,EAKpC,MAAMI,EAAwBJ,EAAO;AAAA;AAAA;AAAA,EAK/BK,EAAuBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsD9BM,EAAuBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"DescriptionSection.styles.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DescriptionSection.styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledContent = styled.div`\n  padding: 0;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  height: 100%;\n\n  &.editing {\n    cursor: default;\n    padding: 0;\n    margin: 0;\n    height: auto;\n    min-height: 300px;\n\n    .quill {\n      height: auto;\n    }\n  }\n\n  &:not(.editing) {\n    cursor: pointer !important;\n\n    * {\n      cursor: pointer !important;\n    }\n  }\n`\n\nexport const StyledDescription = styled.div`\n  color: var(--md-sys-color-on-surface);\n  line-height: 1.5;\n  white-space: pre-wrap;\n  word-break: break-word;\n\n  &.empty {\n    color: var(--md-sys-color-on-surface-variant);\n    font-style: italic;\n  }\n`\n\nexport const StyledEditor = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n\n  .ql-toolbar.ql-snow {\n    height: 40px;\n    border: none;\n    border-bottom: 1px solid var(--md-sys-color-outline-variant);\n    padding: 4px;\n    display: flex;\n    width: unset;\n\n    .ql-formats {\n      margin-right: 8px;\n      padding-right: 8px;\n      border-right: 1px solid var(--md-sys-color-outline-variant);\n      display: flex;\n      gap: var(--base-gap-small);\n\n      &:last-child {\n        border-right: none;\n      }\n    }\n\n    button {\n      float: none;\n      height: 32px;\n      width: 32px;\n      border-radius: var(--border-radius-m);\n      transition: all 0.2s ease;\n      border: none;\n      background: transparent;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      /* Base styling matching activity section */\n      &,\n      .icon {\n        color: var(--md-sys-color-on-surface);\n      }\n\n      &.ql-active {\n        background-color: var(--md-sys-color-secondary-container);\n\n        .icon {\n          color: var(--md-sys-color-on-secondary-container);\n          font-weight: 600;\n        }\n      }\n\n      &:hover {\n        background-color: var(--md-sys-color-surface-container-high-hover);\n      }\n\n      &:hover.ql-active {\n        background-color: var(--md-sys-color-secondary-container-hover);\n      }\n\n      /* Special styling for header dropdown when active - matching activity reference styling */\n      &.ql-picker.ql-active {\n        background-color: var(--md-sys-color-secondary-container);\n        border: 1px solid var(--md-sys-color-outline);\n        border-radius: var(--border-radius-m);\n\n        .ql-picker-label {\n          color: var(--md-sys-color-on-secondary-container);\n          font-weight: 600;\n        }\n      }\n\n      /* Picker dropdown styling to match activity section */\n      &.ql-picker {\n        background-color: var(--md-sys-color-surface-container-high);\n        border-radius: var(--border-radius-m);\n\n        &:hover {\n          background-color: var(--md-sys-color-surface-container-high-hover);\n        }\n\n        &:active {\n          background-color: var(--md-sys-color-surface-container-high-active);\n        }\n      }\n    }\n  }\n\n  .ql-container.ql-snow {\n    border: none;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    padding: 12px;\n\n    .ql-editor {\n      min-height: 60px;\n      flex: 1;\n      overflow-y: auto;\n      overflow-x: auto;\n      min-width: 0;\n      padding: 0;\n      white-space: normal;\n      word-break: keep-all;\n      overflow-wrap: normal;\n\n      /* Consistent scrollbar styling across edit/read-only */\n      scrollbar-width: thin;\n      scrollbar-color: var(--md-sys-color-outline) transparent;\n\n      &::-webkit-scrollbar {\n        width: 8px;\n        height: 8px;\n      }\n\n      &::-webkit-scrollbar-track {\n        background: transparent;\n      }\n\n      &::-webkit-scrollbar-thumb {\n        background-color: var(--md-sys-color-outline);\n        border-radius: 8px;\n        border: 2px solid transparent;\n        background-clip: content-box;\n      }\n\n      &::-webkit-scrollbar-thumb:hover {\n        background-color: var(--md-sys-color-outline-variant);\n      }\n\n      width: 100%;\n      max-width: 100%;\n\n      &[contenteditable='false'] {\n        /* Allow scrolling in read-only mode */\n        pointer-events: auto;\n        cursor: pointer !important;\n        -webkit-overflow-scrolling: touch;\n\n        a {\n          pointer-events: auto;\n          cursor: pointer !important;\n\n          &:hover {\n            text-decoration: underline;\n          }\n        }\n      }\n\n      &.ql-blank::before {\n        color: var(--md-sys-color-on-surface-variant);\n        opacity: 0.6;\n        font-style: italic;\n      }\n\n      /* Ensure blank line paragraphs have visible height */\n      p {\n        min-height: 1.43em;\n      }\n\n      .ql-code-block-container {\n        background-color: var(--md-sys-color-surface-container-lowest);\n        padding: var(--padding-m);\n        border-radius: var(--border-radius-m);\n        font-family: monospace;\n        margin-bottom: 12px;\n      }\n\n      .ql-code-block-container .ql-code-block,\n      .ql-code-block-container .ql-code-block *,\n      .ql-code-block-container * {\n        font-family: monospace;\n        font-size: var(--md-sys-typescale-body-small-font-size);\n      }\n\n      a {\n        color: var(--md-sys-color-primary);\n        text-decoration: none;\n        /* Handle very long URLs and paths */\n        word-break: break-all;\n        overflow-wrap: break-word;\n        overflow-x: auto;\n        display: inline-block;\n        max-width: 100%;\n      }\n\n      strong {\n        em,\n        u,\n        a {\n          font-weight: 800;\n        }\n      }\n\n      /* Match activity section typography */\n      h1,\n      h2 {\n        font-size: 24px;\n        margin-top: 16px;\n        margin-bottom: 8px;\n      }\n\n      h2 {\n        a,\n        em,\n        strong {\n          font-size: 20px;\n        }\n\n        p {\n          word-break: break-word;\n          margin-bottom: 8px;\n          /* Handle very long unbreakable content like file paths */\n          overflow-x: auto;\n          min-width: 0;\n        }\n\n        ul,\n        ol {\n          margin: 16px 0 !important;\n          padding-left: 20px;\n        }\n\n        blockquote {\n          margin: 0;\n          padding-left: 16px;\n          position: relative;\n\n          &::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 0;\n            bottom: 0;\n            width: 4px;\n            background-color: var(--md-sys-color-outline-variant);\n            border-radius: 2px;\n          }\n        }\n\n        /* Handle very long unbreakable content like file paths */\n        * {\n          /* Allow horizontal scroll for any element with very long content */\n          overflow-x: auto;\n          min-width: 0;\n        }\n      }\n    }\n  }\n`\n\nexport const StyledFooter = styled.div`\n  display: flex;\n  justify-content: end;\n  align-items: center;\n  padding: 8px;\n  height: 48px;\n  border-top: 1px solid var(--md-sys-color-outline-variant);\n`\n\nexport const StyledMarkdown = styled.div`\n  .markdown-content {\n    color: var(--md-sys-color-on-surface);\n    line-height: 1.5;\n    white-space: pre-wrap; /* prevent preserved newlines from adding extra gaps compared to editor */\n\n    /* Normalize spacing to match the editor */\n    /* Match editor heading sizes: Quill uses ~1.5em for H2 */\n    h1 {\n      font-size: 1.5rem;\n    }\n    h2 {\n      font-size: 24px;\n      margin-top: 16px;\n      margin-bottom: 8px;\n    }\n    h3 {\n      font-size: 1.125rem;\n    }\n\n    /* Avoid big gaps created by consecutive blank paragraphs */\n    p {\n      margin: 0;\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    pre {\n      background-color: var(--md-sys-color-surface-container-lowest);\n      padding: 8px;\n      border-radius: var(--border-radius-m);\n      overflow-x: auto;\n      margin: 0;\n      letter-spacing: 0.25px;\n    }\n\n    strong {\n      em,\n      a {\n        font-weight: 800 !important;\n      }\n    }\n\n    blockquote {\n      border-left: 3px solid var(--md-sys-color-outline);\n      margin: 8px 0;\n      padding-left: 12px;\n      color: var(--md-sys-color-on-surface-variant);\n    }\n\n    ul,\n    ol {\n      white-space: nowrap;\n      margin: 16px 0;\n      padding-left: 20px !important;\n    }\n\n    /* Handle mixed lists with data-list attributes */\n    ol li[data-list='bullet'] {\n      list-style-type: disc !important;\n    }\n\n    ol li[data-list='ordered'] {\n      list-style-type: decimal !important;\n    }\n\n    /* Remove extra vertical gap when markdown renders mixed list types consecutively */\n    ul + ul,\n    ul + ol,\n    ol + ul,\n    ol + ol {\n      /* Use a negative top margin to cancel the previous list's bottom margin (margin-collapsing) */\n      margin-top: -16px;\n    }\n\n    ol li {\n      list-style-type: decimal !important;\n      list-style-position: inside !important;\n    }\n\n    ul li {\n      list-style-type: circle !important;\n      list-style-position: inside !important;\n    }\n\n    a {\n      color: var(--md-sys-color-primary);\n      text-decoration: none;\n    }\n\n    h2 {\n      a,\n      em,\n      strong {\n        font-size: 20px;\n        margin-top: 16px;\n        margin-bottom: 8px;\n      }\n    }\n  }\n`\n\nexport const StyledLoadingSkeleton = styled.div`\n  height: 20px;\n  background: var(--md-sys-color-surface-container-low);\n  border-radius: 4px;\n`\n\nexport const StyledMultipleValues = styled.span`\n  color: var(--md-sys-color-on-surface-variant);\n  font-style: italic;\n`\n\nexport const StyledButtonContainer = styled.div`\n  display: flex;\n  gap: 8px;\n`\n\nexport const StyledQuillContainer = styled.div`\n  height: 100%;\n  min-width: 0;\n\n  .quill {\n    height: 100%;\n  }\n\n  /* Force cursor pointer when ReactQuill is readonly - comprehensive approach */\n  .ql-container.ql-snow .ql-editor[contenteditable='false'] {\n    cursor: pointer !important;\n\n    /* Override cursor for all child elements */\n    * {\n      cursor: pointer !important;\n    }\n\n    /* Specific overrides for common elements that might have different cursors */\n    a,\n    strong,\n    em,\n    code,\n    span,\n    div,\n    p,\n    li,\n    ol,\n    ul,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      cursor: pointer !important;\n    }\n\n    /* Ensure links are clickable and have proper cursor */\n    a {\n      pointer-events: auto !important;\n      cursor: pointer !important;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  /* Also handle blank state */\n  .ql-editor.ql-blank {\n    cursor: pointer !important;\n  }\n`\n\nexport const StyledHiddenMarkdown = styled.div`\n  position: fixed;\n  visibility: hidden;\n  pointer-events: none;\n  opacity: 0;\n  top: -9999px;\n  left: -9999px;\n`\n"],"names":["StyledContent","styled","StyledEditor","StyledFooter","StyledLoadingSkeleton","StyledButtonContainer","StyledQuillContainer","StyledHiddenMarkdown"],"mappings":"qHAEaA,EAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BHA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYjC,MAAMC,EAAeD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6PtBE,EAAeF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASLA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuG9B,MAAMG,EAAwBH,EAAO;AAAA;AAAA;AAAA;AAAA,EAMRA,EAAO;AAAA;AAAA;AAAA,EAKpC,MAAMI,EAAwBJ,EAAO;AAAA;AAAA;AAAA,EAK/BK,EAAuBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsD9BM,EAAuBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/components/DetailsPanelDetails/DescriptionSection.styles.es.js

@@ -11,9 +11,11 @@ const e = o.div`
     cursor: default;
     padding: 0;
     margin: 0;
+    height: auto;
+    min-height: 300px;
 
-    .ql-container.ql-snow {
-      max-height: calc(100% - 57px);
+    .quill {
+      height: auto;
     }
   }
 
@@ -193,6 +195,11 @@ const t = o.div`
         font-style: italic;
       }
 
+      /* Ensure blank line paragraphs have visible height */
+      p {
+        min-height: 1.43em;
+      }
+
       .ql-code-block-container {
         background-color: var(--md-sys-color-surface-container-lowest);
         padding: var(--padding-m);

package/dist/shared/src/components/DetailsPanelDetails/DescriptionSection.styles.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionSection.styles.es.js","sources":["../../../../../src/components/DetailsPanelDetails/DescriptionSection.styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledContent = styled.div`\n  padding: 0;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  height: 100%;\n\n  &.editing {\n    cursor: default;\n    padding: 0;\n    margin: 0;\n\n    .ql-container.ql-snow {\n      max-height: calc(100% - 57px);\n    }\n  }\n\n  &:not(.editing) {\n    cursor: pointer !important;\n\n    * {\n      cursor: pointer !important;\n    }\n  }\n`\n\nexport const StyledDescription = styled.div`\n  color: var(--md-sys-color-on-surface);\n  line-height: 1.5;\n  white-space: pre-wrap;\n  word-break: break-word;\n\n  &.empty {\n    color: var(--md-sys-color-on-surface-variant);\n    font-style: italic;\n  }\n`\n\nexport const StyledEditor = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n\n  .ql-toolbar.ql-snow {\n    height: 40px;\n    border: none;\n    border-bottom: 1px solid var(--md-sys-color-outline-variant);\n    padding: 4px;\n    display: flex;\n    width: unset;\n\n    .ql-formats {\n      margin-right: 8px;\n      padding-right: 8px;\n      border-right: 1px solid var(--md-sys-color-outline-variant);\n      display: flex;\n      gap: var(--base-gap-small);\n\n      &:last-child {\n        border-right: none;\n      }\n    }\n\n    button {\n      float: none;\n      height: 32px;\n      width: 32px;\n      border-radius: var(--border-radius-m);\n      transition: all 0.2s ease;\n      border: none;\n      background: transparent;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      /* Base styling matching activity section */\n      &,\n      .icon {\n        color: var(--md-sys-color-on-surface);\n      }\n\n      &.ql-active {\n        background-color: var(--md-sys-color-secondary-container);\n\n        .icon {\n          color: var(--md-sys-color-on-secondary-container);\n          font-weight: 600;\n        }\n      }\n\n      &:hover {\n        background-color: var(--md-sys-color-surface-container-high-hover);\n      }\n\n      &:hover.ql-active {\n        background-color: var(--md-sys-color-secondary-container-hover);\n      }\n\n      /* Special styling for header dropdown when active - matching activity reference styling */\n      &.ql-picker.ql-active {\n        background-color: var(--md-sys-color-secondary-container);\n        border: 1px solid var(--md-sys-color-outline);\n        border-radius: var(--border-radius-m);\n\n        .ql-picker-label {\n          color: var(--md-sys-color-on-secondary-container);\n          font-weight: 600;\n        }\n      }\n\n      /* Picker dropdown styling to match activity section */\n      &.ql-picker {\n        background-color: var(--md-sys-color-surface-container-high);\n        border-radius: var(--border-radius-m);\n\n        &:hover {\n          background-color: var(--md-sys-color-surface-container-high-hover);\n        }\n\n        &:active {\n          background-color: var(--md-sys-color-surface-container-high-active);\n        }\n      }\n    }\n  }\n\n  .ql-container.ql-snow {\n    border: none;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    padding: 12px;\n\n    .ql-editor {\n      min-height: 60px;\n      flex: 1;\n      overflow-y: auto;\n      overflow-x: auto;\n      min-width: 0;\n      padding: 0;\n      white-space: normal;\n      word-break: keep-all;\n      overflow-wrap: normal;\n\n      /* Consistent scrollbar styling across edit/read-only */\n      scrollbar-width: thin;\n      scrollbar-color: var(--md-sys-color-outline) transparent;\n\n      &::-webkit-scrollbar {\n        width: 8px;\n        height: 8px;\n      }\n\n      &::-webkit-scrollbar-track {\n        background: transparent;\n      }\n\n      &::-webkit-scrollbar-thumb {\n        background-color: var(--md-sys-color-outline);\n        border-radius: 8px;\n        border: 2px solid transparent;\n        background-clip: content-box;\n      }\n\n      &::-webkit-scrollbar-thumb:hover {\n        background-color: var(--md-sys-color-outline-variant);\n      }\n\n      width: 100%;\n      max-width: 100%;\n\n      &[contenteditable='false'] {\n        /* Allow scrolling in read-only mode */\n        pointer-events: auto;\n        cursor: pointer !important;\n        -webkit-overflow-scrolling: touch;\n\n        a {\n          pointer-events: auto;\n          cursor: pointer !important;\n\n          &:hover {\n            text-decoration: underline;\n          }\n        }\n      }\n\n      &.ql-blank::before {\n        color: var(--md-sys-color-on-surface-variant);\n        opacity: 0.6;\n        font-style: italic;\n      }\n\n      .ql-code-block-container {\n        background-color: var(--md-sys-color-surface-container-lowest);\n        padding: var(--padding-m);\n        border-radius: var(--border-radius-m);\n        font-family: monospace;\n        margin-bottom: 12px;\n      }\n\n      .ql-code-block-container .ql-code-block,\n      .ql-code-block-container .ql-code-block *,\n      .ql-code-block-container * {\n        font-family: monospace;\n        font-size: var(--md-sys-typescale-body-small-font-size);\n      }\n\n      a {\n        color: var(--md-sys-color-primary);\n        text-decoration: none;\n        /* Handle very long URLs and paths */\n        word-break: break-all;\n        overflow-wrap: break-word;\n        overflow-x: auto;\n        display: inline-block;\n        max-width: 100%;\n      }\n\n      strong {\n        em,\n        u,\n        a {\n          font-weight: 800;\n        }\n      }\n\n      /* Match activity section typography */\n      h1,\n      h2 {\n        font-size: 24px;\n        margin-top: 16px;\n        margin-bottom: 8px;\n      }\n\n      h2 {\n        a,\n        em,\n        strong {\n          font-size: 20px;\n        }\n\n        p {\n          word-break: break-word;\n          margin-bottom: 8px;\n          /* Handle very long unbreakable content like file paths */\n          overflow-x: auto;\n          min-width: 0;\n        }\n\n        ul,\n        ol {\n          margin: 16px 0 !important;\n          padding-left: 20px;\n        }\n\n        blockquote {\n          margin: 0;\n          padding-left: 16px;\n          position: relative;\n\n          &::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 0;\n            bottom: 0;\n            width: 4px;\n            background-color: var(--md-sys-color-outline-variant);\n            border-radius: 2px;\n          }\n        }\n\n        /* Handle very long unbreakable content like file paths */\n        * {\n          /* Allow horizontal scroll for any element with very long content */\n          overflow-x: auto;\n          min-width: 0;\n        }\n      }\n    }\n  }\n`\n\nexport const StyledFooter = styled.div`\n  display: flex;\n  justify-content: end;\n  align-items: center;\n  padding: 8px;\n  height: 48px;\n  border-top: 1px solid var(--md-sys-color-outline-variant);\n`\n\nexport const StyledMarkdown = styled.div`\n  .markdown-content {\n    color: var(--md-sys-color-on-surface);\n    line-height: 1.5;\n    white-space: pre-wrap; /* prevent preserved newlines from adding extra gaps compared to editor */\n\n    /* Normalize spacing to match the editor */\n    /* Match editor heading sizes: Quill uses ~1.5em for H2 */\n    h1 {\n      font-size: 1.5rem;\n    }\n    h2 {\n      font-size: 24px;\n      margin-top: 16px;\n      margin-bottom: 8px;\n    }\n    h3 {\n      font-size: 1.125rem;\n    }\n\n    /* Avoid big gaps created by consecutive blank paragraphs */\n    p {\n      margin: 0;\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    pre {\n      background-color: var(--md-sys-color-surface-container-lowest);\n      padding: 8px;\n      border-radius: var(--border-radius-m);\n      overflow-x: auto;\n      margin: 0;\n      letter-spacing: 0.25px;\n    }\n\n    strong {\n      em,\n      a {\n        font-weight: 800 !important;\n      }\n    }\n\n    blockquote {\n      border-left: 3px solid var(--md-sys-color-outline);\n      margin: 8px 0;\n      padding-left: 12px;\n      color: var(--md-sys-color-on-surface-variant);\n    }\n\n    ul,\n    ol {\n      white-space: nowrap;\n      margin: 16px 0;\n      padding-left: 20px !important;\n    }\n\n    /* Handle mixed lists with data-list attributes */\n    ol li[data-list='bullet'] {\n      list-style-type: disc !important;\n    }\n\n    ol li[data-list='ordered'] {\n      list-style-type: decimal !important;\n    }\n\n    /* Remove extra vertical gap when markdown renders mixed list types consecutively */\n    ul + ul,\n    ul + ol,\n    ol + ul,\n    ol + ol {\n      /* Use a negative top margin to cancel the previous list's bottom margin (margin-collapsing) */\n      margin-top: -16px;\n    }\n\n    ol li {\n      list-style-type: decimal !important;\n      list-style-position: inside !important;\n    }\n\n    ul li {\n      list-style-type: circle !important;\n      list-style-position: inside !important;\n    }\n\n    a {\n      color: var(--md-sys-color-primary);\n      text-decoration: none;\n    }\n\n    h2 {\n      a,\n      em,\n      strong {\n        font-size: 20px;\n        margin-top: 16px;\n        margin-bottom: 8px;\n      }\n    }\n  }\n`\n\nexport const StyledLoadingSkeleton = styled.div`\n  height: 20px;\n  background: var(--md-sys-color-surface-container-low);\n  border-radius: 4px;\n`\n\nexport const StyledMultipleValues = styled.span`\n  color: var(--md-sys-color-on-surface-variant);\n  font-style: italic;\n`\n\nexport const StyledButtonContainer = styled.div`\n  display: flex;\n  gap: 8px;\n`\n\nexport const StyledQuillContainer = styled.div`\n  height: 100%;\n  min-width: 0;\n\n  .quill {\n    height: 100%;\n  }\n\n  /* Force cursor pointer when ReactQuill is readonly - comprehensive approach */\n  .ql-container.ql-snow .ql-editor[contenteditable='false'] {\n    cursor: pointer !important;\n\n    /* Override cursor for all child elements */\n    * {\n      cursor: pointer !important;\n    }\n\n    /* Specific overrides for common elements that might have different cursors */\n    a,\n    strong,\n    em,\n    code,\n    span,\n    div,\n    p,\n    li,\n    ol,\n    ul,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      cursor: pointer !important;\n    }\n\n    /* Ensure links are clickable and have proper cursor */\n    a {\n      pointer-events: auto !important;\n      cursor: pointer !important;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  /* Also handle blank state */\n  .ql-editor.ql-blank {\n    cursor: pointer !important;\n  }\n`\n\nexport const StyledHiddenMarkdown = styled.div`\n  position: fixed;\n  visibility: hidden;\n  pointer-events: none;\n  opacity: 0;\n  top: -9999px;\n  left: -9999px;\n`\n"],"names":["StyledContent","styled","StyledEditor","StyledFooter","StyledLoadingSkeleton","StyledButtonContainer","StyledQuillContainer","StyledHiddenMarkdown"],"mappings":";AAEO,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BHA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYjC,MAAMC,IAAeD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAwPtBE,IAAeF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASLA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuG9B,MAAMG,IAAwBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAMRA,EAAO;AAAA;AAAA;AAAA;AAKpC,MAAMI,IAAwBJ,EAAO;AAAA;AAAA;AAAA,GAK/BK,IAAuBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAsD9BM,IAAuBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"DescriptionSection.styles.es.js","sources":["../../../../../src/components/DetailsPanelDetails/DescriptionSection.styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledContent = styled.div`\n  padding: 0;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  height: 100%;\n\n  &.editing {\n    cursor: default;\n    padding: 0;\n    margin: 0;\n    height: auto;\n    min-height: 300px;\n\n    .quill {\n      height: auto;\n    }\n  }\n\n  &:not(.editing) {\n    cursor: pointer !important;\n\n    * {\n      cursor: pointer !important;\n    }\n  }\n`\n\nexport const StyledDescription = styled.div`\n  color: var(--md-sys-color-on-surface);\n  line-height: 1.5;\n  white-space: pre-wrap;\n  word-break: break-word;\n\n  &.empty {\n    color: var(--md-sys-color-on-surface-variant);\n    font-style: italic;\n  }\n`\n\nexport const StyledEditor = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n\n  .ql-toolbar.ql-snow {\n    height: 40px;\n    border: none;\n    border-bottom: 1px solid var(--md-sys-color-outline-variant);\n    padding: 4px;\n    display: flex;\n    width: unset;\n\n    .ql-formats {\n      margin-right: 8px;\n      padding-right: 8px;\n      border-right: 1px solid var(--md-sys-color-outline-variant);\n      display: flex;\n      gap: var(--base-gap-small);\n\n      &:last-child {\n        border-right: none;\n      }\n    }\n\n    button {\n      float: none;\n      height: 32px;\n      width: 32px;\n      border-radius: var(--border-radius-m);\n      transition: all 0.2s ease;\n      border: none;\n      background: transparent;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      /* Base styling matching activity section */\n      &,\n      .icon {\n        color: var(--md-sys-color-on-surface);\n      }\n\n      &.ql-active {\n        background-color: var(--md-sys-color-secondary-container);\n\n        .icon {\n          color: var(--md-sys-color-on-secondary-container);\n          font-weight: 600;\n        }\n      }\n\n      &:hover {\n        background-color: var(--md-sys-color-surface-container-high-hover);\n      }\n\n      &:hover.ql-active {\n        background-color: var(--md-sys-color-secondary-container-hover);\n      }\n\n      /* Special styling for header dropdown when active - matching activity reference styling */\n      &.ql-picker.ql-active {\n        background-color: var(--md-sys-color-secondary-container);\n        border: 1px solid var(--md-sys-color-outline);\n        border-radius: var(--border-radius-m);\n\n        .ql-picker-label {\n          color: var(--md-sys-color-on-secondary-container);\n          font-weight: 600;\n        }\n      }\n\n      /* Picker dropdown styling to match activity section */\n      &.ql-picker {\n        background-color: var(--md-sys-color-surface-container-high);\n        border-radius: var(--border-radius-m);\n\n        &:hover {\n          background-color: var(--md-sys-color-surface-container-high-hover);\n        }\n\n        &:active {\n          background-color: var(--md-sys-color-surface-container-high-active);\n        }\n      }\n    }\n  }\n\n  .ql-container.ql-snow {\n    border: none;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    padding: 12px;\n\n    .ql-editor {\n      min-height: 60px;\n      flex: 1;\n      overflow-y: auto;\n      overflow-x: auto;\n      min-width: 0;\n      padding: 0;\n      white-space: normal;\n      word-break: keep-all;\n      overflow-wrap: normal;\n\n      /* Consistent scrollbar styling across edit/read-only */\n      scrollbar-width: thin;\n      scrollbar-color: var(--md-sys-color-outline) transparent;\n\n      &::-webkit-scrollbar {\n        width: 8px;\n        height: 8px;\n      }\n\n      &::-webkit-scrollbar-track {\n        background: transparent;\n      }\n\n      &::-webkit-scrollbar-thumb {\n        background-color: var(--md-sys-color-outline);\n        border-radius: 8px;\n        border: 2px solid transparent;\n        background-clip: content-box;\n      }\n\n      &::-webkit-scrollbar-thumb:hover {\n        background-color: var(--md-sys-color-outline-variant);\n      }\n\n      width: 100%;\n      max-width: 100%;\n\n      &[contenteditable='false'] {\n        /* Allow scrolling in read-only mode */\n        pointer-events: auto;\n        cursor: pointer !important;\n        -webkit-overflow-scrolling: touch;\n\n        a {\n          pointer-events: auto;\n          cursor: pointer !important;\n\n          &:hover {\n            text-decoration: underline;\n          }\n        }\n      }\n\n      &.ql-blank::before {\n        color: var(--md-sys-color-on-surface-variant);\n        opacity: 0.6;\n        font-style: italic;\n      }\n\n      /* Ensure blank line paragraphs have visible height */\n      p {\n        min-height: 1.43em;\n      }\n\n      .ql-code-block-container {\n        background-color: var(--md-sys-color-surface-container-lowest);\n        padding: var(--padding-m);\n        border-radius: var(--border-radius-m);\n        font-family: monospace;\n        margin-bottom: 12px;\n      }\n\n      .ql-code-block-container .ql-code-block,\n      .ql-code-block-container .ql-code-block *,\n      .ql-code-block-container * {\n        font-family: monospace;\n        font-size: var(--md-sys-typescale-body-small-font-size);\n      }\n\n      a {\n        color: var(--md-sys-color-primary);\n        text-decoration: none;\n        /* Handle very long URLs and paths */\n        word-break: break-all;\n        overflow-wrap: break-word;\n        overflow-x: auto;\n        display: inline-block;\n        max-width: 100%;\n      }\n\n      strong {\n        em,\n        u,\n        a {\n          font-weight: 800;\n        }\n      }\n\n      /* Match activity section typography */\n      h1,\n      h2 {\n        font-size: 24px;\n        margin-top: 16px;\n        margin-bottom: 8px;\n      }\n\n      h2 {\n        a,\n        em,\n        strong {\n          font-size: 20px;\n        }\n\n        p {\n          word-break: break-word;\n          margin-bottom: 8px;\n          /* Handle very long unbreakable content like file paths */\n          overflow-x: auto;\n          min-width: 0;\n        }\n\n        ul,\n        ol {\n          margin: 16px 0 !important;\n          padding-left: 20px;\n        }\n\n        blockquote {\n          margin: 0;\n          padding-left: 16px;\n          position: relative;\n\n          &::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 0;\n            bottom: 0;\n            width: 4px;\n            background-color: var(--md-sys-color-outline-variant);\n            border-radius: 2px;\n          }\n        }\n\n        /* Handle very long unbreakable content like file paths */\n        * {\n          /* Allow horizontal scroll for any element with very long content */\n          overflow-x: auto;\n          min-width: 0;\n        }\n      }\n    }\n  }\n`\n\nexport const StyledFooter = styled.div`\n  display: flex;\n  justify-content: end;\n  align-items: center;\n  padding: 8px;\n  height: 48px;\n  border-top: 1px solid var(--md-sys-color-outline-variant);\n`\n\nexport const StyledMarkdown = styled.div`\n  .markdown-content {\n    color: var(--md-sys-color-on-surface);\n    line-height: 1.5;\n    white-space: pre-wrap; /* prevent preserved newlines from adding extra gaps compared to editor */\n\n    /* Normalize spacing to match the editor */\n    /* Match editor heading sizes: Quill uses ~1.5em for H2 */\n    h1 {\n      font-size: 1.5rem;\n    }\n    h2 {\n      font-size: 24px;\n      margin-top: 16px;\n      margin-bottom: 8px;\n    }\n    h3 {\n      font-size: 1.125rem;\n    }\n\n    /* Avoid big gaps created by consecutive blank paragraphs */\n    p {\n      margin: 0;\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    pre {\n      background-color: var(--md-sys-color-surface-container-lowest);\n      padding: 8px;\n      border-radius: var(--border-radius-m);\n      overflow-x: auto;\n      margin: 0;\n      letter-spacing: 0.25px;\n    }\n\n    strong {\n      em,\n      a {\n        font-weight: 800 !important;\n      }\n    }\n\n    blockquote {\n      border-left: 3px solid var(--md-sys-color-outline);\n      margin: 8px 0;\n      padding-left: 12px;\n      color: var(--md-sys-color-on-surface-variant);\n    }\n\n    ul,\n    ol {\n      white-space: nowrap;\n      margin: 16px 0;\n      padding-left: 20px !important;\n    }\n\n    /* Handle mixed lists with data-list attributes */\n    ol li[data-list='bullet'] {\n      list-style-type: disc !important;\n    }\n\n    ol li[data-list='ordered'] {\n      list-style-type: decimal !important;\n    }\n\n    /* Remove extra vertical gap when markdown renders mixed list types consecutively */\n    ul + ul,\n    ul + ol,\n    ol + ul,\n    ol + ol {\n      /* Use a negative top margin to cancel the previous list's bottom margin (margin-collapsing) */\n      margin-top: -16px;\n    }\n\n    ol li {\n      list-style-type: decimal !important;\n      list-style-position: inside !important;\n    }\n\n    ul li {\n      list-style-type: circle !important;\n      list-style-position: inside !important;\n    }\n\n    a {\n      color: var(--md-sys-color-primary);\n      text-decoration: none;\n    }\n\n    h2 {\n      a,\n      em,\n      strong {\n        font-size: 20px;\n        margin-top: 16px;\n        margin-bottom: 8px;\n      }\n    }\n  }\n`\n\nexport const StyledLoadingSkeleton = styled.div`\n  height: 20px;\n  background: var(--md-sys-color-surface-container-low);\n  border-radius: 4px;\n`\n\nexport const StyledMultipleValues = styled.span`\n  color: var(--md-sys-color-on-surface-variant);\n  font-style: italic;\n`\n\nexport const StyledButtonContainer = styled.div`\n  display: flex;\n  gap: 8px;\n`\n\nexport const StyledQuillContainer = styled.div`\n  height: 100%;\n  min-width: 0;\n\n  .quill {\n    height: 100%;\n  }\n\n  /* Force cursor pointer when ReactQuill is readonly - comprehensive approach */\n  .ql-container.ql-snow .ql-editor[contenteditable='false'] {\n    cursor: pointer !important;\n\n    /* Override cursor for all child elements */\n    * {\n      cursor: pointer !important;\n    }\n\n    /* Specific overrides for common elements that might have different cursors */\n    a,\n    strong,\n    em,\n    code,\n    span,\n    div,\n    p,\n    li,\n    ol,\n    ul,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      cursor: pointer !important;\n    }\n\n    /* Ensure links are clickable and have proper cursor */\n    a {\n      pointer-events: auto !important;\n      cursor: pointer !important;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  /* Also handle blank state */\n  .ql-editor.ql-blank {\n    cursor: pointer !important;\n  }\n`\n\nexport const StyledHiddenMarkdown = styled.div`\n  position: fixed;\n  visibility: hidden;\n  pointer-events: none;\n  opacity: 0;\n  top: -9999px;\n  left: -9999px;\n`\n"],"names":["StyledContent","styled","StyledEditor","StyledFooter","StyledLoadingSkeleton","StyledButtonContainer","StyledQuillContainer","StyledHiddenMarkdown"],"mappings":";AAEO,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BHA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYjC,MAAMC,IAAeD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6PtBE,IAAeF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASLA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuG9B,MAAMG,IAAwBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAMRA,EAAO;AAAA;AAAA;AAAA;AAKpC,MAAMI,IAAwBJ,EAAO;AAAA;AAAA;AAAA,GAK/BK,IAAuBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAsD9BM,IAAuBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/components/DetailsPanelDetails/DetailsPanelDetails.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../_virtual/jsx-runtime.cjs.js"),T=require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");const C=require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const F=require("./DescriptionSection.cjs.js"),S=require("./DetailsSection.cjs.js"),A=require("styled-components");require("react");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("./hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");const P=require("./hooks/useEntityFormData.cjs.js"),R=require("./hooks/useEntityFields.cjs.js"),G=require("./hooks/useEntityEditing.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");const I=require("../../context/GlobalContext.cjs.js"),M=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");const N=A.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../_virtual/jsx-runtime.cjs.js"),T=require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");const C=require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const F=require("./DescriptionSection.cjs.js"),S=require("./DetailsSection.cjs.js"),A=require("styled-components");require("react");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("./hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");const P=require("./hooks/useEntityFormData.cjs.js"),R=require("./hooks/useEntityFields.cjs.js"),G=require("./hooks/useEntityEditing.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");const I=require("../../context/GlobalContext.cjs.js"),M=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");const N=A.div`
   display: flex;
   flex-direction: column;
   height: 100%;

package/dist/shared/src/components/DetailsPanelDetails/DetailsPanelDetails.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelDetails.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsPanelDetails.tsx"],"sourcesContent":["import {\n  DetailsPanelAttributesEditor,\n  DetailsPanelAttributesEditorProps,\n} from '../DetailsPanelAttributes/DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { DescriptionSection } from './DescriptionSection'\nimport { DetailsSection } from './DetailsSection'\nimport styled from 'styled-components'\nimport { useEntityFormData, useEntityFields, useEntityEditing } from './hooks'\nimport { useProjectContext } from '@shared/context'\nimport { useGlobalContext } from '@shared/context'\n\nconst StyledContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  gap: 12px;\n  overflow-y: auto;\n  padding-right: 8px;\n  padding-left: 8px;\n  margin-top: 16px;\n`\n\nexport type DetailsPanelDetailsProps = {\n  entities: DetailsPanelEntityData[]\n  isLoading: boolean\n}\n\nexport const DetailsPanelDetails = ({ entities = [], isLoading }: DetailsPanelDetailsProps) => {\n  const { formData, mixedFields, updateFormData, clearMixedField } = useEntityFormData(\n    entities,\n    isLoading,\n  )\n\n  const { attributes } = useGlobalContext()\n  const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = useProjectContext()\n\n  // Determine if any selected folder has published versions\n  const folderEntities = (entities || []).filter((entity) => entity.entityType === 'folder')\n  const { data: versionActivitiesData } = useGetActivitiesInfiniteInfiniteQuery(\n    {\n      entityIds: folderEntities.map((e) => e.id),\n      projectName: formData?.projectName || '',\n      referenceTypes: ['origin', 'mention', 'relation'],\n      activityTypes: ['version.publish'],\n    },\n    {\n      skip: !formData?.projectName || folderEntities.length === 0,\n    },\n  )\n\n  const folderHasVersions = Boolean(versionActivitiesData?.pages?.[0]?.activities?.length)\n\n  const { editableFields, readOnlyFieldsData } = useEntityFields({\n    attributes,\n    folderTypes,\n    taskTypes,\n    statuses,\n    tags,\n    entityType: formData?.entityType,\n    folderHasVersions,\n  })\n\n  const entityType = formData?.entityType || 'task'\n  const { enableEditing, updateEntity } = useEntityEditing({\n    entities,\n    entityType,\n  })\n\n  const handleChange: DetailsPanelAttributesEditorProps['onChange'] = (key, value) => {\n    if (key === 'tags') {\n      if (Array.isArray(value)) {\n        // keep as-is\n      } else if (value === null || value === undefined || value === '') {\n        value = []\n      } else {\n        value = [String(value)]\n      }\n    }\n\n    if (key.startsWith('attrib.')) {\n      value = {\n        [key.replace('attrib.', '')]: value,\n      }\n      key = 'attrib'\n    }\n\n    updateFormData(key, value)\n    updateEntity(key, value)\n  }\n\n  const handleDescriptionChange = (description: string) => {\n    updateFormData('description', description)\n    clearMixedField('description')\n    updateEntity('attrib', { description })\n  }\n\n  return (\n    <StyledContainer>\n      <DescriptionSection\n        description={formData?.description || ''}\n        isMixed={mixedFields.includes('description')}\n        enableEditing={enableEditing}\n        onChange={handleDescriptionChange}\n        isLoading={isLoading}\n      />\n\n      <DetailsPanelAttributesEditor\n        fields={editableFields}\n        form={formData || {}}\n        mixedFields={mixedFields}\n        isLoading={isLoading}\n        enableEditing={enableEditing}\n        onChange={handleChange}\n        entities={entities}\n        entityType={entityType}\n      />\n\n      <DetailsSection\n        fields={readOnlyFieldsData}\n        form={formData || {}}\n        mixedFields={mixedFields}\n        isLoading={isLoading}\n      />\n    </StyledContainer>\n  )\n}\n"],"names":["StyledContainer","styled","DetailsPanelDetails","entities","isLoading","formData","mixedFields","updateFormData","clearMixedField","useEntityFormData","attributes","useGlobalContext","folderTypes","taskTypes","statuses","tags","useProjectContext","folderEntities","entity","versionActivitiesData","useGetActivitiesInfiniteInfiniteQuery","folderHasVersions","editableFields","readOnlyFieldsData","useEntityFields","entityType","enableEditing","updateEntity","useEntityEditing","handleChange","key","value","handleDescriptionChange","description","jsx","DescriptionSection","DetailsPanelAttributesEditor","DetailsSection"],"mappings":"olMAaA,MAAMA,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBlBC,EAAsB,CAAC,CAAE,SAAAC,EAAW,CAAA,EAAI,UAAAC,KAA0C,CAC7F,KAAM,CAAE,SAAAC,EAAU,YAAAC,EAAa,eAAAC,EAAgB,gBAAAC,GAAoBC,EAAAA,kBACjEN,EACAC,CAAA,EAGI,CAAE,WAAAM,CAAA,EAAeC,mBAAA,EACjB,CAAE,YAAAC,EAAc,GAAI,UAAAC,EAAY,CAAA,EAAI,SAAAC,EAAW,CAAA,EAAI,KAAAC,EAAO,EAAC,EAAMC,oBAAA,EAGjEC,GAAkBd,GAAY,IAAI,OAAQe,GAAWA,EAAO,aAAe,QAAQ,EACnF,CAAE,KAAMC,CAAA,EAA0BC,EAAAA,sCACtC,CACE,UAAWH,EAAe,IAAK,GAAM,EAAE,EAAE,EACzC,YAAaZ,GAAU,aAAe,GACtC,eAAgB,CAAC,SAAU,UAAW,UAAU,EAChD,cAAe,CAAC,iBAAiB,CAAA,EAEnC,CACE,KAAM,CAACA,GAAU,aAAeY,EAAe,SAAW,CAAA,CAC5D,EAGII,EAAoB,EAAQF,GAAuB,QAAQ,CAAC,GAAG,YAAY,OAE3E,CAAE,eAAAG,EAAgB,mBAAAC,CAAA,EAAuBC,kBAAgB,CAC7D,WAAAd,EACA,YAAAE,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,WAAYV,GAAU,WACtB,kBAAAgB,CAAA,CACD,EAEKI,EAAapB,GAAU,YAAc,OACrC,CAAE,cAAAqB,EAAe,aAAAC,CAAA,EAAiBC,mBAAiB,CACvD,SAAAzB,EACA,WAAAsB,CAAA,CACD,EAEKI,EAA8D,CAACC,EAAKC,IAAU,CAC9ED,IAAQ,SACN,MAAM,QAAQC,CAAK,IAEZA,GAAU,MAA+BA,IAAU,GAC5DA,EAAQ,CAAA,EAERA,EAAQ,CAAC,OAAOA,CAAK,CAAC,IAItBD,EAAI,WAAW,SAAS,IAC1BC,EAAQ,CACN,CAACD,EAAI,QAAQ,UAAW,EAAE,CAAC,EAAGC,CAAA,EAEhCD,EAAM,UAGRvB,EAAeuB,EAAKC,CAAK,EACzBJ,EAAaG,EAAKC,CAAK,CACzB,EAEMC,EAA2BC,GAAwB,CACvD1B,EAAe,cAAe0B,CAAW,EACzCzB,EAAgB,aAAa,EAC7BmB,EAAa,SAAU,CAAE,YAAAM,EAAa,CACxC,EAEA,gCACGjC,EAAA,CACC,SAAA,CAAAkC,EAAAA,kBAAAA,IAACC,EAAAA,mBAAA,CACC,YAAa9B,GAAU,aAAe,GACtC,QAASC,EAAY,SAAS,aAAa,EAC3C,cAAAoB,EACA,SAAUM,EACV,UAAA5B,CAAA,CAAA,EAGF8B,EAAAA,kBAAAA,IAACE,EAAAA,6BAAA,CACC,OAAQd,EACR,KAAMjB,GAAY,CAAA,EAClB,YAAAC,EACA,UAAAF,EACA,cAAAsB,EACA,SAAUG,EACV,SAAA1B,EACA,WAAAsB,CAAA,CAAA,EAGFS,EAAAA,kBAAAA,IAACG,EAAAA,eAAA,CACC,OAAQd,EACR,KAAMlB,GAAY,CAAA,EAClB,YAAAC,EACA,UAAAF,CAAA,CAAA,CACF,EACF,CAEJ"}
+{"version":3,"file":"DetailsPanelDetails.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsPanelDetails.tsx"],"sourcesContent":["import {\n  DetailsPanelAttributesEditor,\n  DetailsPanelAttributesEditorProps,\n} from '../DetailsPanelAttributes/DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { DescriptionSection } from './DescriptionSection'\nimport { DetailsSection } from './DetailsSection'\nimport styled from 'styled-components'\nimport { useEntityFormData, useEntityFields, useEntityEditing } from './hooks'\nimport { useProjectContext } from '@shared/context'\nimport { useGlobalContext } from '@shared/context'\n\nconst StyledContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  gap: 12px;\n  overflow-y: auto;\n  padding-right: 8px;\n  padding-left: 8px;\n  margin-top: 16px;\n`\n\nexport type DetailsPanelDetailsProps = {\n  entities: DetailsPanelEntityData[]\n  isLoading: boolean\n}\n\nexport const DetailsPanelDetails = ({ entities = [], isLoading }: DetailsPanelDetailsProps) => {\n  const { formData, mixedFields, updateFormData, clearMixedField } = useEntityFormData(\n    entities,\n    isLoading,\n  )\n\n  const { attributes } = useGlobalContext()\n  const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = useProjectContext()\n\n  // Determine if any selected folder has published versions\n  const folderEntities = (entities || []).filter((entity) => entity.entityType === 'folder')\n  const { data: versionActivitiesData } = useGetActivitiesInfiniteInfiniteQuery(\n    {\n      entityIds: folderEntities.map((e) => e.id),\n      projectName: formData?.projectName || '',\n      referenceTypes: ['origin', 'mention', 'relation'],\n      activityTypes: ['version.publish'],\n    },\n    {\n      skip: !formData?.projectName || folderEntities.length === 0,\n    },\n  )\n\n  const folderHasVersions = Boolean(versionActivitiesData?.pages?.[0]?.activities?.length)\n\n  const { editableFields, readOnlyFieldsData } = useEntityFields({\n    attributes,\n    folderTypes,\n    taskTypes,\n    statuses,\n    tags,\n    entityType: formData?.entityType,\n    folderHasVersions,\n  })\n\n  const entityType = formData?.entityType || 'task'\n  const { enableEditing, updateEntity } = useEntityEditing({\n    entities,\n    entityType,\n  })\n\n  const handleChange: DetailsPanelAttributesEditorProps['onChange'] = (key, value) => {\n    if (key === 'tags') {\n      if (Array.isArray(value)) {\n        // keep as-is\n      } else if (value === null || value === undefined || value === '') {\n        value = []\n      } else {\n        value = [String(value)]\n      }\n    }\n\n    if (key.startsWith('attrib.')) {\n      value = {\n        [key.replace('attrib.', '')]: value,\n      }\n      key = 'attrib'\n    }\n\n    updateFormData(key, value)\n    updateEntity(key, value)\n  }\n\n  const handleDescriptionChange = (description: string) => {\n    updateFormData('description', description)\n    clearMixedField('description')\n    updateEntity('attrib', { description })\n  }\n\n  return (\n    <StyledContainer>\n      <DescriptionSection\n        description={formData?.description || ''}\n        isMixed={mixedFields.includes('description')}\n        enableEditing={enableEditing}\n        onChange={handleDescriptionChange}\n        isLoading={isLoading}\n      />\n\n      <DetailsPanelAttributesEditor\n        fields={editableFields}\n        form={formData || {}}\n        mixedFields={mixedFields}\n        isLoading={isLoading}\n        enableEditing={enableEditing}\n        onChange={handleChange}\n        entities={entities}\n        entityType={entityType}\n      />\n\n      <DetailsSection\n        fields={readOnlyFieldsData}\n        form={formData || {}}\n        mixedFields={mixedFields}\n        isLoading={isLoading}\n      />\n    </StyledContainer>\n  )\n}\n"],"names":["StyledContainer","styled","DetailsPanelDetails","entities","isLoading","formData","mixedFields","updateFormData","clearMixedField","useEntityFormData","attributes","useGlobalContext","folderTypes","taskTypes","statuses","tags","useProjectContext","folderEntities","entity","versionActivitiesData","useGetActivitiesInfiniteInfiniteQuery","folderHasVersions","editableFields","readOnlyFieldsData","useEntityFields","entityType","enableEditing","updateEntity","useEntityEditing","handleChange","key","value","handleDescriptionChange","description","jsx","DescriptionSection","DetailsPanelAttributesEditor","DetailsSection"],"mappings":"uoMAaA,MAAMA,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBlBC,EAAsB,CAAC,CAAE,SAAAC,EAAW,CAAA,EAAI,UAAAC,KAA0C,CAC7F,KAAM,CAAE,SAAAC,EAAU,YAAAC,EAAa,eAAAC,EAAgB,gBAAAC,GAAoBC,EAAAA,kBACjEN,EACAC,CAAA,EAGI,CAAE,WAAAM,CAAA,EAAeC,mBAAA,EACjB,CAAE,YAAAC,EAAc,GAAI,UAAAC,EAAY,CAAA,EAAI,SAAAC,EAAW,CAAA,EAAI,KAAAC,EAAO,EAAC,EAAMC,oBAAA,EAGjEC,GAAkBd,GAAY,IAAI,OAAQe,GAAWA,EAAO,aAAe,QAAQ,EACnF,CAAE,KAAMC,CAAA,EAA0BC,EAAAA,sCACtC,CACE,UAAWH,EAAe,IAAK,GAAM,EAAE,EAAE,EACzC,YAAaZ,GAAU,aAAe,GACtC,eAAgB,CAAC,SAAU,UAAW,UAAU,EAChD,cAAe,CAAC,iBAAiB,CAAA,EAEnC,CACE,KAAM,CAACA,GAAU,aAAeY,EAAe,SAAW,CAAA,CAC5D,EAGII,EAAoB,EAAQF,GAAuB,QAAQ,CAAC,GAAG,YAAY,OAE3E,CAAE,eAAAG,EAAgB,mBAAAC,CAAA,EAAuBC,kBAAgB,CAC7D,WAAAd,EACA,YAAAE,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,WAAYV,GAAU,WACtB,kBAAAgB,CAAA,CACD,EAEKI,EAAapB,GAAU,YAAc,OACrC,CAAE,cAAAqB,EAAe,aAAAC,CAAA,EAAiBC,mBAAiB,CACvD,SAAAzB,EACA,WAAAsB,CAAA,CACD,EAEKI,EAA8D,CAACC,EAAKC,IAAU,CAC9ED,IAAQ,SACN,MAAM,QAAQC,CAAK,IAEZA,GAAU,MAA+BA,IAAU,GAC5DA,EAAQ,CAAA,EAERA,EAAQ,CAAC,OAAOA,CAAK,CAAC,IAItBD,EAAI,WAAW,SAAS,IAC1BC,EAAQ,CACN,CAACD,EAAI,QAAQ,UAAW,EAAE,CAAC,EAAGC,CAAA,EAEhCD,EAAM,UAGRvB,EAAeuB,EAAKC,CAAK,EACzBJ,EAAaG,EAAKC,CAAK,CACzB,EAEMC,EAA2BC,GAAwB,CACvD1B,EAAe,cAAe0B,CAAW,EACzCzB,EAAgB,aAAa,EAC7BmB,EAAa,SAAU,CAAE,YAAAM,EAAa,CACxC,EAEA,gCACGjC,EAAA,CACC,SAAA,CAAAkC,EAAAA,kBAAAA,IAACC,EAAAA,mBAAA,CACC,YAAa9B,GAAU,aAAe,GACtC,QAASC,EAAY,SAAS,aAAa,EAC3C,cAAAoB,EACA,SAAUM,EACV,UAAA5B,CAAA,CAAA,EAGF8B,EAAAA,kBAAAA,IAACE,EAAAA,6BAAA,CACC,OAAQd,EACR,KAAMjB,GAAY,CAAA,EAClB,YAAAC,EACA,UAAAF,EACA,cAAAsB,EACA,SAAUG,EACV,SAAA1B,EACA,WAAAsB,CAAA,CAAA,EAGFS,EAAAA,kBAAAA,IAACG,EAAAA,eAAA,CACC,OAAQd,EACR,KAAMlB,GAAY,CAAA,EAClB,YAAAC,EACA,UAAAF,CAAA,CAAA,CACF,EACF,CAEJ"}

package/dist/shared/src/components/DetailsPanelDetails/DetailsPanelDetails.es.js

@@ -78,6 +78,7 @@ import "../../api/queries/review/getReview.es.js";
 import "../../api/queries/review/updateReview.es.js";
 import "../../api/queries/share/share.es.js";
 import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/tasks/getTasks.es.js";
 import "../../api/queries/tasks/updateTasks.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
@@ -125,7 +126,7 @@ const B = I.div`
   padding-right: 8px;
   padding-left: 8px;
   margin-top: 16px;
-`, Ui = ({ entities: r = [], isLoading: p }) => {
+`, Xi = ({ entities: r = [], isLoading: p }) => {
   const { formData: o, mixedFields: e, updateFormData: s, clearMixedField: l } = N(
     r,
     p
@@ -193,6 +194,6 @@ const B = I.div`
   ] });
 };
 export {
-  Ui as DetailsPanelDetails
+  Xi as DetailsPanelDetails
 };
 //# sourceMappingURL=DetailsPanelDetails.es.js.map