From 0bffd72e36b1cb98458ebcc0d88ad727f3b25919 Mon Sep 17 00:00:00 2001
From: AhsanFarooqDev <ahsanfarooqdevtech@gmail.com>
Date: Thu, 2 Jan 2025 14:35:30 +0500
Subject: [PATCH 01/24] fix vertical scroll on workspace planner page

---
 src/people/WorkSpacePlanner/index.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/people/WorkSpacePlanner/index.tsx b/src/people/WorkSpacePlanner/index.tsx
index 15bd9d80..6bc9257b 100644
--- a/src/people/WorkSpacePlanner/index.tsx
+++ b/src/people/WorkSpacePlanner/index.tsx
@@ -15,7 +15,8 @@ const PlannerContainer = styled.div`
   padding: 0;
   height: calc(100vh - 65px);
   background: ${colors.light.grayish.G950};
-  overflow: hidden;
+  overflow-y: auto;
+  overflow-x: hidden;
 `;
 
 const ContentArea = styled.div`
@@ -54,7 +55,8 @@ const Column = styled.div`
   border-radius: 8px;
   display: flex;
   flex-direction: column;
-  max-height: 100%;
+  height: auto;
+  min-height: 500px;
 `;
 
 const ColumnHeader = styled.div`

From 2bb6dfa7affd26f7c58b502189cd40c9aa276480 Mon Sep 17 00:00:00 2001
From: jordan-ae <arreyetta1jnr@gmail.com>
Date: Thu, 2 Jan 2025 10:37:03 +0100
Subject: [PATCH 02/24] chore: update time for debug function

---
 src/people/hiveChat/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/people/hiveChat/index.tsx b/src/people/hiveChat/index.tsx
index 4cf1a6c3..3d001439 100644
--- a/src/people/hiveChat/index.tsx
+++ b/src/people/hiveChat/index.tsx
@@ -264,7 +264,7 @@ export const HiveChatView: React.FC = observer(() => {
 
     debounceUpdateTitle = setTimeout(() => {
       updateChatTitle(chatId, uuid, title, setIsUpdatingTitle);
-    }, 500);
+    }, 1500);
   };
 
   const onTitleChange = (event: React.ChangeEvent<HTMLInputElement>) => {

From dd9220fcffae0fb398100961076f5d457270c914 Mon Sep 17 00:00:00 2001
From: MahtabBukhari <mahtabali50447@gmail.com>
Date: Thu, 2 Jan 2025 15:46:03 +0500
Subject: [PATCH 03/24] Quick changes to h

---
 .../BountyComponents/BountySteps.tsx          | 31 +++++++++++++++++--
 src/components/common/TopEarners/index.tsx    | 30 ++++++++++++++++++
 src/pages/BountiesLandingPage/index.tsx       | 26 +++++++---------
 3 files changed, 69 insertions(+), 18 deletions(-)

diff --git a/src/components/BountyComponents/BountySteps.tsx b/src/components/BountyComponents/BountySteps.tsx
index 08dcafad..858c38fa 100644
--- a/src/components/BountyComponents/BountySteps.tsx
+++ b/src/components/BountyComponents/BountySteps.tsx
@@ -27,6 +27,17 @@ const StepText = styled.span`
   font-weight: 500;
 `;
 
+const StepLink = styled.a`
+  color: ${colors.light.text1};
+  font-weight: 500;
+  text-decoration: none;
+  color: ${colors.light.blue1};
+  &:hover {
+    color: ${colors.light.blue2};
+    text-decoration: none;
+  }
+`;
+
 const StepTitle = styled.h6`
   font-size: 20px;
   font-family: 'Barlow';
@@ -37,6 +48,7 @@ const StepTitle = styled.h6`
 
 interface Step {
   text: string;
+  link?: string;
 }
 
 const steps: Step[] = [
@@ -44,7 +56,8 @@ const steps: Step[] = [
     text: 'Sign up for a Sphinx by clicking the Get Sphinx button!'
   },
   {
-    text: 'Check out the open bounties, by clicking bounties!'
+    text: 'Check out the',
+    link: 'https://community.sphinx.chat/bounties'
   },
   {
     text: 'Reach out to the bounty provider by clicking "I can help!"'
@@ -53,7 +66,7 @@ const steps: Step[] = [
     text: 'Introduce yourself and get assigned'
   },
   {
-    text: 'Compelte the work and get paid directly to your Sphinx Wallet!'
+    text: 'Complete the work and get paid directly to your Sphinx Wallet!'
   }
 ];
 
@@ -63,7 +76,19 @@ export const BountySteps: React.FC = () => (
     {steps.map((step: Step, index: number) => (
       <StepItem key={index}>
         <StepLabel>{`Step ${index + 1}:`}</StepLabel>
-        <StepText>{step.text}</StepText>
+        <StepText>
+          {step.link ? (
+            <>
+              {step.text}{' '}
+              <StepLink href={step.link} target="_blank" rel="noopener noreferrer">
+                open bounties, by clicking bounties
+              </StepLink>
+              !
+            </>
+          ) : (
+            step.text
+          )}
+        </StepText>
       </StepItem>
     ))}
   </StepsContainer>
diff --git a/src/components/common/TopEarners/index.tsx b/src/components/common/TopEarners/index.tsx
index 42889b7c..c75d7ee1 100644
--- a/src/components/common/TopEarners/index.tsx
+++ b/src/components/common/TopEarners/index.tsx
@@ -68,6 +68,31 @@ const ErrorContainer = styled.div`
   color: ${colors.light.red1};
 `;
 
+const ViewBountiesButton = styled.button`
+  margin-top: 60px;
+  padding: 12px 24px;
+  font-size: 16px;
+  font-weight: bold;
+  color: white;
+  background-color: ${colors.light.blue1};
+  border: none;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: background-color 0.3s;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+
+  &:hover {
+    background-color: ${colors.light.blue2};
+  }
+
+  &:focus {
+    outline: none;
+    box-shadow: 0 0 0 2px ${colors.light.blue2};
+  }
+`;
+
 const TopEarners = observer(({ limit = 5, className, style, onError }: TopEarnersProps) => {
   const { leaderboard } = useStores();
   const [error, setError] = useState<Error | null>(null);
@@ -86,6 +111,10 @@ const TopEarners = observer(({ limit = 5, className, style, onError }: TopEarner
     fetchData();
   }, [leaderboard, onError]);
 
+  const handleViewBountiesClick = () => {
+    window.open('https://community.sphinx.chat/bounties', '_blank');
+  };
+
   if (error) {
     return (
       <ErrorContainer>
@@ -111,6 +140,7 @@ const TopEarners = observer(({ limit = 5, className, style, onError }: TopEarner
             <LeaerboardItem position={index + 1} key={item.owner_pubkey} {...item} />
           ))}
       </div>
+      <ViewBountiesButton onClick={handleViewBountiesClick}>View Open Bounties</ViewBountiesButton>
     </Container>
   );
 });
diff --git a/src/pages/BountiesLandingPage/index.tsx b/src/pages/BountiesLandingPage/index.tsx
index 9fdc08b6..2259e959 100644
--- a/src/pages/BountiesLandingPage/index.tsx
+++ b/src/pages/BountiesLandingPage/index.tsx
@@ -3,8 +3,6 @@ import React from 'react';
 import styled from 'styled-components';
 import { useIsMobile } from '../../hooks';
 import { colors } from '../../config/colors';
-import { BountiesHeader, HeaderWrap, Leftheader } from '../tickets/style.ts';
-import { BountyHeaderContent } from '../tickets/workspace/workspaceHeader/WorkspaceHeaderStyles.tsx';
 import TopEarners from '../../components/common/TopEarners/index.tsx';
 import { BountyComponents } from '../../components/BountyComponents';
 
@@ -14,24 +12,29 @@ const BountiesLandingPage: React.FC = () => {
   const color = colors['light'];
 
   const Body = styled.div<{ isMobile: boolean }>`
-    flex: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
     height: ${(p: { isMobile: boolean }) =>
       p.isMobile ? 'calc(100% - 105px)' : 'calc(100vh - 60px)'};
     background: ${(p: { isMobile: boolean }) => (p.isMobile ? undefined : color.grayish.G950)};
     width: 100%;
     overflow-x: hidden;
     overflow-y: auto;
-    display: flex;
-    flex-direction: column;
   `;
 
   const ContentWrapper = styled.div`
     max-width: 1400px;
-    min-height: 650px;
-    margin: 30px auto;
     width: 100%;
-    padding: 40px 40px 40px 30px;
+    padding: 40px;
     background: white;
+    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
+    border-radius: 8px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
   `;
 
   const ContentGrid = styled.div`
@@ -89,13 +92,6 @@ const BountiesLandingPage: React.FC = () => {
 
   return (
     <Body isMobile={isMobile}>
-      <HeaderWrap>
-        <BountiesHeader>
-          <Leftheader>
-            <BountyHeaderContent>Bounties</BountyHeaderContent>
-          </Leftheader>
-        </BountiesHeader>
-      </HeaderWrap>
       <ContentWrapper>
         <ContentGrid>
           <Column>

From 0a24011c0f2c4330168e5d2449610f11181ebe34 Mon Sep 17 00:00:00 2001
From: MahtabBukhari <mahtabali50447@gmail.com>
Date: Thu, 2 Jan 2025 16:20:18 +0500
Subject: [PATCH 04/24] style text should be same at step

---
 src/pages/BountiesLandingPage/index.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/pages/BountiesLandingPage/index.tsx b/src/pages/BountiesLandingPage/index.tsx
index 2259e959..c074f99e 100644
--- a/src/pages/BountiesLandingPage/index.tsx
+++ b/src/pages/BountiesLandingPage/index.tsx
@@ -80,13 +80,11 @@ const BountiesLandingPage: React.FC = () => {
     }
 
     p {
-      font-family: Barlow;
       margin-bottom: 16px;
+      font-weight: 500;
       line-height: 1.6;
       word-wrap: break-word;
-      max-width: 550px;
-      color: ${color.text2};
-      font-size: 15px;
+      max-width: 560px;
     }
   `;
 

From 6d0fc256230db55a3a8832d2100614ed90a5851b Mon Sep 17 00:00:00 2001
From: saithsab877 <saithsab877@gmail.com>
Date: Thu, 2 Jan 2025 19:31:04 +0500
Subject: [PATCH 05/24] feat: add view bounties button to workspace

---
 src/people/widgetViews/WorkspaceMission.tsx | 23 +++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/src/people/widgetViews/WorkspaceMission.tsx b/src/people/widgetViews/WorkspaceMission.tsx
index b2770046..b6479146 100644
--- a/src/people/widgetViews/WorkspaceMission.tsx
+++ b/src/people/widgetViews/WorkspaceMission.tsx
@@ -428,6 +428,10 @@ const WorkspaceMission = () => {
     history.push(`/workspace/${uuid}/planner`);
   };
 
+  const handleViewBounties = () => {
+    window.open('https://community.sphinx.chat/workspace/bounties', '_blank');
+  };
+
   const handleUserRepoOptionClick = (repositoryId: number) => {
     setDisplayUserRepoOptions((prev: Record<number, boolean>) => ({
       ...prev,
@@ -1091,6 +1095,25 @@ const WorkspaceMission = () => {
                 />
               </WorkspaceFieldWrap>
             )}
+            <WorkspaceFieldWrap>
+              <Button
+                style={{
+                  borderRadius: '5px',
+                  margin: 0,
+                  padding: '10px 20px',
+                  width: '100%',
+                  backgroundColor: '#4285f4',
+                  color: 'white',
+                  textAlign: 'center',
+                  border: 'none',
+                  fontSize: '16px',
+                  cursor: 'pointer'
+                }}
+                onClick={handleViewBounties}
+                dataTestId="workspace-planner-btn"
+                text="View Bounties"
+              />
+            </WorkspaceFieldWrap>
             <HorizontalGrayLine />
             <FieldWrap style={{ marginTop: '10px' }}>
               <Label>Talk to Hive</Label>

From b53e658cccf5e7c126408bc2f9363668ccb45154 Mon Sep 17 00:00:00 2001
From: saithsab877 <saithsab877@gmail.com>
Date: Thu, 2 Jan 2025 20:04:54 +0500
Subject: [PATCH 06/24] feat: add markdown preview to workspace feature fields

---
 src/people/widgetViews/WorkspaceFeature.tsx | 48 ++++++++++++++++-----
 src/people/widgetViews/workspace/style.ts   | 35 +++++++++++++++
 2 files changed, 72 insertions(+), 11 deletions(-)

diff --git a/src/people/widgetViews/WorkspaceFeature.tsx b/src/people/widgetViews/WorkspaceFeature.tsx
index a9792cad..bdfb229b 100644
--- a/src/people/widgetViews/WorkspaceFeature.tsx
+++ b/src/people/widgetViews/WorkspaceFeature.tsx
@@ -37,6 +37,7 @@ import MaterialIcon from '@material/react-material-icon';
 import { EuiOverlayMask, EuiModalHeader, EuiModalFooter, EuiText } from '@elastic/eui';
 import { Box } from '@mui/system';
 import { userHasRole } from 'helpers/helpers-extended';
+import { renderMarkdown } from 'people/utils/RenderMarkdown.tsx';
 import { useDeleteConfirmationModal } from '../../components/common';
 import {
   ActionButton,
@@ -60,7 +61,10 @@ import {
   AudioModalBody,
   StyledEuiModalFooter,
   FeatureModalBody,
-  FeatureModalFooter
+  FeatureModalFooter,
+  CopyButtonGroup,
+  SwitcherButton,
+  SwitcherContainer
 } from './workspace/style';
 import WorkspacePhasingTabs from './workspace/WorkspacePhase';
 import { Phase, Toast } from './workspace/interface';
@@ -203,6 +207,8 @@ const WorkspaceEditableField = ({
   showAudioButton = false,
   feature_uuid
 }: WSEditableFieldProps) => {
+  const [activeMode, setActiveMode] = useState<'preview' | 'edit'>('edit');
+
   const handleEditClick = () => {
     setIsEditing(!isEditing);
     setDisplayOptions(false);
@@ -333,16 +339,36 @@ const WorkspaceEditableField = ({
           />
         ) : (
           <>
-            <TextArea
-              placeholder={`Enter ${placeholder}`}
-              onChange={handleChange}
-              onPaste={handlePaste}
-              value={value}
-              data-testid={`${dataTestIdPrefix}-textarea`}
-              rows={10}
-              cols={50}
-              style={{ resize: 'vertical', overflow: 'auto' }}
-            />
+            <CopyButtonGroup>
+              <SwitcherContainer>
+                <SwitcherButton
+                  isActive={activeMode === 'preview'}
+                  onClick={() => setActiveMode('preview')}
+                >
+                  Preview
+                </SwitcherButton>
+                <SwitcherButton
+                  isActive={activeMode === 'edit'}
+                  onClick={() => setActiveMode('edit')}
+                >
+                  Edit
+                </SwitcherButton>
+              </SwitcherContainer>
+            </CopyButtonGroup>
+            {activeMode === 'edit' ? (
+              <TextArea
+                placeholder={`Enter ${placeholder}`}
+                onChange={handleChange}
+                onPaste={handlePaste}
+                value={value}
+                data-testid={`${dataTestIdPrefix}-textarea`}
+                rows={10}
+                cols={50}
+                style={{ resize: 'vertical', overflow: 'auto' }}
+              />
+            ) : (
+              <div className="p-4 border rounded-md">{renderMarkdown(value)}</div>
+            )}
             <ButtonWrap>
               <ActionButton
                 onClick={handleCancelClick}
diff --git a/src/people/widgetViews/workspace/style.ts b/src/people/widgetViews/workspace/style.ts
index 1f718ac1..d972e0b3 100644
--- a/src/people/widgetViews/workspace/style.ts
+++ b/src/people/widgetViews/workspace/style.ts
@@ -1718,3 +1718,38 @@ export const SchematicImgContainer = styled.div`
   overflow: hidden;
   background-color: #ebedf1;
 `;
+
+export const SwitcherContainer = styled.div`
+  display: flex;
+  background-color: rgb(238, 231, 231);
+  border-radius: 20px;
+  padding: 4px;
+  width: fit-content;
+  margin-bottom: 12px;
+  align-self: flex-end;
+`;
+
+export const SwitcherButton = styled.button<{ isActive: boolean }>`
+  padding: 8px 16px;
+  border: none;
+  border-radius: 16px;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 500;
+  transition: all 0.3s ease;
+
+  ${(props: { isActive: boolean }) =>
+    props.isActive
+      ? `
+    background-color: #007bff;
+    color: white;
+    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.2);
+  `
+      : `
+    background-color: transparent;
+    color: #333;
+    &:hover {
+      background-color: rgba(0, 123, 255, 0.1);
+    }
+  `}
+`;

From 96ed15abc8752f227d7276a60fce4e2fb8688462 Mon Sep 17 00:00:00 2001
From: saithsab877 <saithsab877@gmail.com>
Date: Thu, 2 Jan 2025 20:54:06 +0500
Subject: [PATCH 07/24] markdown apply workspace feature fields

---
 src/people/widgetViews/WorkspaceFeature.tsx   | 15 ++++++
 .../widgetViews/workspace/EditableField.tsx   | 53 +++++++++++++++++++
 2 files changed, 68 insertions(+)
 create mode 100644 src/people/widgetViews/workspace/EditableField.tsx

diff --git a/src/people/widgetViews/WorkspaceFeature.tsx b/src/people/widgetViews/WorkspaceFeature.tsx
index bdfb229b..9b712262 100644
--- a/src/people/widgetViews/WorkspaceFeature.tsx
+++ b/src/people/widgetViews/WorkspaceFeature.tsx
@@ -190,6 +190,8 @@ interface WSEditableFieldProps {
   main: typeof mainStore;
   showAudioButton?: boolean;
   feature_uuid?: string;
+  previewMode: 'preview' | 'edit';
+  setPreviewMode: DispatchSetStateAction<'preview' | 'edit'>;
 }
 
 const WorkspaceEditableField = ({
@@ -494,6 +496,13 @@ const WorkspaceFeature = () => {
   const [editFeatureName, setEditFeatureName] = useState<string>(featureData?.name || '');
   const [isEditModalOpen, setIsEditModalOpen] = useState<boolean>(false);
   const [displayNameOptions, setDisplayNameOptions] = useState<boolean>(false);
+  const [briefPreviewMode, setBriefPreviewMode] = useState<'preview' | 'edit'>('edit');
+  const [architecturePreviewMode, setArchitecturePreviewMode] = useState<'preview' | 'edit'>(
+    'edit'
+  );
+  const [requirementsPreviewMode, setRequirementsPreviewMode] = useState<'preview' | 'edit'>(
+    'edit'
+  );
 
   const history = useHistory();
 
@@ -861,6 +870,8 @@ const WorkspaceFeature = () => {
           main={main}
           showAudioButton={true}
           feature_uuid={feature_uuid}
+          previewMode={briefPreviewMode}
+          setPreviewMode={setBriefPreviewMode}
         />
         <FieldWrap>
           <Label>User Stories</Label>
@@ -965,6 +976,8 @@ const WorkspaceFeature = () => {
           dataTestIdPrefix="requirements"
           onSubmit={() => submitField('requirements', requirements, setEditRequirements)}
           main={main}
+          previewMode={requirementsPreviewMode}
+          setPreviewMode={setRequirementsPreviewMode}
         />
         <WorkspaceEditableField
           label="Architecture"
@@ -978,6 +991,8 @@ const WorkspaceFeature = () => {
           dataTestIdPrefix="architecture"
           onSubmit={() => submitField('architecture', architecture, setEditArchitecture)}
           main={main}
+          previewMode={architecturePreviewMode}
+          setPreviewMode={setArchitecturePreviewMode}
         />
         <UserStoryModal
           open={modalOpen}
diff --git a/src/people/widgetViews/workspace/EditableField.tsx b/src/people/widgetViews/workspace/EditableField.tsx
new file mode 100644
index 00000000..d1ee1da1
--- /dev/null
+++ b/src/people/widgetViews/workspace/EditableField.tsx
@@ -0,0 +1,53 @@
+import React from 'react';
+import { renderMarkdown } from 'people/utils/RenderMarkdown';
+import { TicketTextAreaComp } from 'components/common/TicketEditor/TicketTextArea';
+import { useStores } from 'store';
+import { CopyButtonGroup } from './style';
+import { SwitcherContainer, SwitcherButton } from './style';
+
+interface EditableFieldProps {
+  value: string;
+  setValue: (value: string) => void;
+  isEditing: boolean;
+  previewMode: 'preview' | 'edit';
+  setPreviewMode: (mode: 'preview' | 'edit') => void;
+  placeholder?: string;
+}
+
+export const EditableField: React.FC<EditableFieldProps> = ({
+  value,
+  setValue,
+  isEditing,
+  previewMode,
+  setPreviewMode,
+  placeholder
+}: EditableFieldProps) => {
+  const { ui } = useStores();
+
+  if (!isEditing) {
+    return <div className="p-4">{renderMarkdown(value)}</div>;
+  }
+
+  return (
+    <>
+      <CopyButtonGroup>
+        <SwitcherContainer>
+          <SwitcherButton
+            isActive={previewMode === 'preview'}
+            onClick={() => setPreviewMode('preview')}
+          >
+            Preview
+          </SwitcherButton>
+          <SwitcherButton isActive={previewMode === 'edit'} onClick={() => setPreviewMode('edit')}>
+            Edit
+          </SwitcherButton>
+        </SwitcherContainer>
+      </CopyButtonGroup>
+      {previewMode === 'edit' ? (
+        <TicketTextAreaComp value={value} onChange={setValue} placeholder={placeholder} ui={ui} />
+      ) : (
+        <div className="p-4 border rounded-md">{renderMarkdown(value)}</div>
+      )}
+    </>
+  );
+};

From 96a913574bdee62dd9cc38e9a27947fd16830e53 Mon Sep 17 00:00:00 2001
From: saithsab877 <saithsab877@gmail.com>
Date: Thu, 2 Jan 2025 21:22:39 +0500
Subject: [PATCH 08/24] feat: integrate markdown preview in feature fields and
 fix style

---
 src/people/widgetViews/WorkspaceFeature.tsx   | 143 ++++--------------
 .../widgetViews/workspace/EditableField.tsx   |   6 +-
 src/people/widgetViews/workspace/style.ts     |  28 ++++
 3 files changed, 63 insertions(+), 114 deletions(-)

diff --git a/src/people/widgetViews/WorkspaceFeature.tsx b/src/people/widgetViews/WorkspaceFeature.tsx
index 9b712262..636126fb 100644
--- a/src/people/widgetViews/WorkspaceFeature.tsx
+++ b/src/people/widgetViews/WorkspaceFeature.tsx
@@ -18,7 +18,6 @@ import {
   Label,
   Data,
   OptionsWrap,
-  TextArea,
   InputField,
   Input,
   UserStoryOptionWrap,
@@ -37,7 +36,6 @@ import MaterialIcon from '@material/react-material-icon';
 import { EuiOverlayMask, EuiModalHeader, EuiModalFooter, EuiText } from '@elastic/eui';
 import { Box } from '@mui/system';
 import { userHasRole } from 'helpers/helpers-extended';
-import { renderMarkdown } from 'people/utils/RenderMarkdown.tsx';
 import { useDeleteConfirmationModal } from '../../components/common';
 import {
   ActionButton,
@@ -61,13 +59,11 @@ import {
   AudioModalBody,
   StyledEuiModalFooter,
   FeatureModalBody,
-  FeatureModalFooter,
-  CopyButtonGroup,
-  SwitcherButton,
-  SwitcherContainer
+  FeatureModalFooter
 } from './workspace/style';
 import WorkspacePhasingTabs from './workspace/WorkspacePhase';
 import { Phase, Toast } from './workspace/interface';
+import { EditableField } from './workspace/EditableField';
 
 interface AudioRecordingModalProps {
   open: boolean;
@@ -207,63 +203,19 @@ const WorkspaceEditableField = ({
   onSubmit,
   main,
   showAudioButton = false,
-  feature_uuid
+  feature_uuid,
+  previewMode,
+  setPreviewMode
 }: WSEditableFieldProps) => {
-  const [activeMode, setActiveMode] = useState<'preview' | 'edit'>('edit');
-
   const handleEditClick = () => {
     setIsEditing(!isEditing);
     setDisplayOptions(false);
   };
 
-  const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
-    setValue(e.target.value);
-  };
-
   const handleCancelClick = () => {
     setIsEditing(false);
   };
 
-  const handlePaste = async (e: React.ClipboardEvent<HTMLTextAreaElement>) => {
-    e.persist();
-
-    const clipboardItems: DataTransferItemList = e.clipboardData?.items as DataTransferItemList;
-    const itemsArray: DataTransferItem[] = Array.from(clipboardItems);
-    for (const item of itemsArray) {
-      if (item.type.startsWith('image/')) {
-        const imageFile = item.getAsFile();
-        if (imageFile) {
-          const formData = new FormData();
-          formData.append('file', imageFile);
-          const file = await main.uploadFile(formData);
-          let img_url = '';
-          if (file && file.ok) {
-            img_url = await file.json();
-          }
-          setValue((prevValue: string) => `${prevValue}\n![Uploaded Image](${img_url})`);
-        }
-        e.preventDefault();
-      }
-    }
-  };
-
-  const parseValue = (input: string | null): string => {
-    if (!input) {
-      return `No ${label.toLowerCase()} yet`;
-    }
-
-    // Regex to detect markdown image syntax ![alt text](url)
-    const imageMarkdownRegex = /!\[.*?\]\((.*?)\)/g;
-
-    // Replace the markdown image syntax with HTML <img> tag
-    return input
-      .replace(
-        imageMarkdownRegex,
-        (match: string, p1: string) => `<img src="${p1}" alt="Uploaded Image" />`
-      )
-      .replace(/\n/g, '<br/>');
-  };
-
   const [showAudioModal, setShowAudioModal] = useState(false);
 
   const handleAudioGeneration = () => {
@@ -330,64 +282,33 @@ const WorkspaceEditableField = ({
             </EditPopover>
           )}
         </OptionsWrap>
-        {!isEditing ? (
-          <div
-            style={{
-              overflowY: 'auto'
-            }}
-            dangerouslySetInnerHTML={{
-              __html: parseValue(value)
-            }}
-          />
-        ) : (
-          <>
-            <CopyButtonGroup>
-              <SwitcherContainer>
-                <SwitcherButton
-                  isActive={activeMode === 'preview'}
-                  onClick={() => setActiveMode('preview')}
-                >
-                  Preview
-                </SwitcherButton>
-                <SwitcherButton
-                  isActive={activeMode === 'edit'}
-                  onClick={() => setActiveMode('edit')}
-                >
-                  Edit
-                </SwitcherButton>
-              </SwitcherContainer>
-            </CopyButtonGroup>
-            {activeMode === 'edit' ? (
-              <TextArea
-                placeholder={`Enter ${placeholder}`}
-                onChange={handleChange}
-                onPaste={handlePaste}
-                value={value}
-                data-testid={`${dataTestIdPrefix}-textarea`}
-                rows={10}
-                cols={50}
-                style={{ resize: 'vertical', overflow: 'auto' }}
-              />
-            ) : (
-              <div className="p-4 border rounded-md">{renderMarkdown(value)}</div>
-            )}
-            <ButtonWrap>
-              <ActionButton
-                onClick={handleCancelClick}
-                data-testid={`${dataTestIdPrefix}-cancel-btn`}
-                color="cancel"
-              >
-                Cancel
-              </ActionButton>
-              <ActionButton
-                color="primary"
-                onClick={onSubmit}
-                data-testid={`${dataTestIdPrefix}-update-btn`}
-              >
-                Update
-              </ActionButton>
-            </ButtonWrap>
-          </>
+
+        <EditableField
+          value={value}
+          setValue={setValue}
+          isEditing={isEditing}
+          previewMode={previewMode}
+          setPreviewMode={setPreviewMode}
+          placeholder={placeholder}
+        />
+
+        {isEditing && (
+          <ButtonWrap>
+            <ActionButton
+              onClick={handleCancelClick}
+              data-testid={`${dataTestIdPrefix}-cancel-btn`}
+              color="cancel"
+            >
+              Cancel
+            </ActionButton>
+            <ActionButton
+              color="primary"
+              onClick={onSubmit}
+              data-testid={`${dataTestIdPrefix}-update-btn`}
+            >
+              Update
+            </ActionButton>
+          </ButtonWrap>
         )}
       </Data>
     </FieldWrap>
diff --git a/src/people/widgetViews/workspace/EditableField.tsx b/src/people/widgetViews/workspace/EditableField.tsx
index d1ee1da1..aa867302 100644
--- a/src/people/widgetViews/workspace/EditableField.tsx
+++ b/src/people/widgetViews/workspace/EditableField.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { renderMarkdown } from 'people/utils/RenderMarkdown';
 import { TicketTextAreaComp } from 'components/common/TicketEditor/TicketTextArea';
 import { useStores } from 'store';
-import { CopyButtonGroup } from './style';
+import { PreviewButtonGroup } from './style';
 import { SwitcherContainer, SwitcherButton } from './style';
 
 interface EditableFieldProps {
@@ -30,7 +30,7 @@ export const EditableField: React.FC<EditableFieldProps> = ({
 
   return (
     <>
-      <CopyButtonGroup>
+      <PreviewButtonGroup>
         <SwitcherContainer>
           <SwitcherButton
             isActive={previewMode === 'preview'}
@@ -42,7 +42,7 @@ export const EditableField: React.FC<EditableFieldProps> = ({
             Edit
           </SwitcherButton>
         </SwitcherContainer>
-      </CopyButtonGroup>
+      </PreviewButtonGroup>
       {previewMode === 'edit' ? (
         <TicketTextAreaComp value={value} onChange={setValue} placeholder={placeholder} ui={ui} />
       ) : (
diff --git a/src/people/widgetViews/workspace/style.ts b/src/people/widgetViews/workspace/style.ts
index d972e0b3..19ac869f 100644
--- a/src/people/widgetViews/workspace/style.ts
+++ b/src/people/widgetViews/workspace/style.ts
@@ -1753,3 +1753,31 @@ export const SwitcherButton = styled.button<{ isActive: boolean }>`
     }
   `}
 `;
+
+export const PreviewButtonGroup = styled.div`
+  display: flex;
+  gap: 10px;
+  align-items: baseline;
+  justify-content: flex-end;
+  margin-left: auto;
+  margin-top: calc(100px - 110px);
+  margin-right: 3px;
+
+  ${ActionButton} {
+    transition: background-color 0.2s ease;
+    width: auto;
+    min-width: 100px;
+
+    &[color='primary'] {
+      background-color: #618aff;
+
+      &:hover {
+        background-color: #7599ff;
+      }
+
+      &:active {
+        background-color: #4b7bff;
+      }
+    }
+  }
+`;

From 699ed00214099ef8e111c43e4b9f3ac1ccf454dc Mon Sep 17 00:00:00 2001
From: saithsab877 <saithsab877@gmail.com>
Date: Thu, 2 Jan 2025 22:33:05 +0500
Subject: [PATCH 09/24] improvement style

---
 src/people/widgetViews/workspace/EditableField.tsx | 11 +++++++++--
 src/people/widgetViews/workspace/style.ts          |  8 ++++++++
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/people/widgetViews/workspace/EditableField.tsx b/src/people/widgetViews/workspace/EditableField.tsx
index aa867302..9567209d 100644
--- a/src/people/widgetViews/workspace/EditableField.tsx
+++ b/src/people/widgetViews/workspace/EditableField.tsx
@@ -3,7 +3,7 @@ import { renderMarkdown } from 'people/utils/RenderMarkdown';
 import { TicketTextAreaComp } from 'components/common/TicketEditor/TicketTextArea';
 import { useStores } from 'store';
 import { PreviewButtonGroup } from './style';
-import { SwitcherContainer, SwitcherButton } from './style';
+import { SwitcherContainer, SwitcherButton, EmptyState } from './style';
 
 interface EditableFieldProps {
   value: string;
@@ -25,6 +25,9 @@ export const EditableField: React.FC<EditableFieldProps> = ({
   const { ui } = useStores();
 
   if (!isEditing) {
+    if (!value?.trim()) {
+      return <EmptyState>{`No ${placeholder?.toLowerCase() ?? 'content'} yet`}</EmptyState>;
+    }
     return <div className="p-4">{renderMarkdown(value)}</div>;
   }
 
@@ -46,7 +49,11 @@ export const EditableField: React.FC<EditableFieldProps> = ({
       {previewMode === 'edit' ? (
         <TicketTextAreaComp value={value} onChange={setValue} placeholder={placeholder} ui={ui} />
       ) : (
-        <div className="p-4 border rounded-md">{renderMarkdown(value)}</div>
+        <div className="p-4 border rounded-md">
+          {value?.trim()
+            ? renderMarkdown(value)
+            : `No ${placeholder?.toLowerCase() ?? 'content'} yet`}
+        </div>
       )}
     </>
   );
diff --git a/src/people/widgetViews/workspace/style.ts b/src/people/widgetViews/workspace/style.ts
index 19ac869f..49c906c8 100644
--- a/src/people/widgetViews/workspace/style.ts
+++ b/src/people/widgetViews/workspace/style.ts
@@ -1781,3 +1781,11 @@ export const PreviewButtonGroup = styled.div`
     }
   }
 `;
+
+export const EmptyState = styled.div`
+  border-radius: 4px;
+  font-size: 18px;
+  font-family: 'Barlow';
+  font-weight: 500;
+  color: #000;
+`;

From a2829630a372b9c08b4787c2aedb0bd5bbb8e059 Mon Sep 17 00:00:00 2001
From: jordan-ae <arreyetta1jnr@gmail.com>
Date: Thu, 2 Jan 2025 22:36:57 +0100
Subject: [PATCH 10/24] fix: bounty review store

---
 src/config/ModeDispatcher.tsx                 |  1 +
 .../wantedSummaries/CodingBounty.tsx          | 29 ++++++++++++------
 src/store/bountyReviewStore.ts                | 30 ++++++++++++++-----
 3 files changed, 43 insertions(+), 17 deletions(-)

diff --git a/src/config/ModeDispatcher.tsx b/src/config/ModeDispatcher.tsx
index a641b88c..dd3491bf 100644
--- a/src/config/ModeDispatcher.tsx
+++ b/src/config/ModeDispatcher.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable no-unused-vars */
 import React from 'react';
 
 export enum AppMode {
diff --git a/src/people/widgetViews/summaries/wantedSummaries/CodingBounty.tsx b/src/people/widgetViews/summaries/wantedSummaries/CodingBounty.tsx
index 7d50cb01..aabdf74f 100644
--- a/src/people/widgetViews/summaries/wantedSummaries/CodingBounty.tsx
+++ b/src/people/widgetViews/summaries/wantedSummaries/CodingBounty.tsx
@@ -460,12 +460,26 @@ function MobileView(props: CodingBountiesProps) {
   const submitProof = async (bountyId: string, description: string): Promise<boolean> => {
     try {
       await bountyReviewStore.submitProof(bountyId, description);
-      setToasts([[{ title: 'Proof submitted', color: 'success' }]]);
+      setToasts([
+        {
+          id: `${Math.random()}`,
+          title: 'Proof of Work',
+          color: 'success',
+          text: 'Proof of work submitted successfully'
+        }
+      ]);
       setValue('');
       return true;
     } catch (error) {
+      setToasts([
+        {
+          id: `${Math.random()}`,
+          title: 'Something Went Wrong!',
+          color: 'danger',
+          text: 'Error submitting Proof of work please try again'
+        }
+      ]);
       console.error('Error submitting proof:', error);
-      setToasts([[{ title: 'Error submitting proof', color: 'danger' }]]);
       return false;
     }
   };
@@ -477,14 +491,11 @@ function MobileView(props: CodingBountiesProps) {
       await bountyReviewStore.getProofs(bountyID);
     };
 
-    bountyReviewStore.getTiming(bountyID).then((proofTiming: any) => {
-      if (proofTiming !== undefined) {
-        setTimingStats(proofTiming);
-      } else {
-        console.log('Failed to get proof status');
-      }
-    });
+    const fetchTiming = async () => {
+      await bountyReviewStore.getProofs(bountyID);
+    };
 
+    fetchTiming();
     fetchProofs();
   }, [bountyID]);
 
diff --git a/src/store/bountyReviewStore.ts b/src/store/bountyReviewStore.ts
index 6874b7cb..acb08aed 100644
--- a/src/store/bountyReviewStore.ts
+++ b/src/store/bountyReviewStore.ts
@@ -1,6 +1,7 @@
 import { makeAutoObservable } from 'mobx';
 import { TribesURL } from 'config';
 import { ProofOfWork, BountyTiming } from './interface';
+import { uiStore } from './ui';
 
 export class BountyReviewStore {
   proofs: Record<string, ProofOfWork[]> = {};
@@ -30,11 +31,15 @@ export class BountyReviewStore {
 
   async getProofs(bountyId: string) {
     try {
+      if (!uiStore._meInfo) return null;
+      const info = uiStore.meInfo;
+
       this.setLoading(true);
-      const response = await fetch(`${TribesURL}/bounties/${bountyId}/proofs`, {
+      const response = await fetch(`${TribesURL}/gobounties/${bountyId}/proofs`, {
         method: 'GET',
         headers: {
-          'Content-Type': 'application/json'
+          'Content-Type': 'application/json',
+          'x-jwt': info?.tribe_jwt || ''
         }
       });
 
@@ -53,17 +58,22 @@ export class BountyReviewStore {
 
   async submitProof(bountyId: string, description: string) {
     try {
+      if (!uiStore._meInfo) return null;
+      const info = uiStore.meInfo;
       this.setLoading(true);
 
       // Submit proof
-      let response = await fetch(`${TribesURL}/bounties/${bountyId}/proof`, {
+      let response = await fetch(`${TribesURL}/gobounties/${bountyId}/proof`, {
         method: 'POST',
         headers: {
-          'Content-Type': 'application/json'
+          'Content-Type': 'application/json',
+          'x-jwt': info?.tribe_jwt || ''
         },
         body: JSON.stringify({ description })
       });
 
+      console.log(info?.tribe_jwt);
+
       if (!response.ok) {
         throw new Error(`Failed to submit proof: ${response.statusText}`);
       }
@@ -71,10 +81,11 @@ export class BountyReviewStore {
       const proof = (await response.json()) as ProofOfWork;
 
       // Pause timer
-      response = await fetch(`${TribesURL}/bounties/${bountyId}/timing/close`, {
+      response = await fetch(`${TribesURL}/gobounties/${bountyId}/timing/close`, {
         method: 'PUT',
         headers: {
-          'Content-Type': 'application/json'
+          'Content-Type': 'application/json',
+          'x-jwt': info?.tribe_jwt || ''
         }
       });
 
@@ -94,11 +105,14 @@ export class BountyReviewStore {
 
   async getTiming(bountyId: string) {
     try {
+      if (!uiStore._meInfo) return null;
+      const info = uiStore.meInfo;
       this.setLoading(true);
-      const response = await fetch(`${TribesURL}/bounties/${bountyId}/timing-stats`, {
+      const response = await fetch(`${TribesURL}/gobounties/${bountyId}/timing`, {
         method: 'GET',
         headers: {
-          'Content-Type': 'application/json'
+          'Content-Type': 'application/json',
+          'x-jwt': info?.tribe_jwt || ''
         }
       });
 

From 7089fb7d2a61f81e034a526a264c0c8d7d860388 Mon Sep 17 00:00:00 2001
From: saithsab877 <saithsab877@gmail.com>
Date: Fri, 3 Jan 2025 04:30:19 +0500
Subject: [PATCH 11/24] fix cypress test

---
 .../common/TicketEditor/TicketTextArea.tsx           |  9 ++++++++-
 src/people/widgetViews/WorkspaceFeature.tsx          |  1 +
 src/people/widgetViews/workspace/EditableField.tsx   | 12 ++++++++++--
 3 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/components/common/TicketEditor/TicketTextArea.tsx b/src/components/common/TicketEditor/TicketTextArea.tsx
index 3ea29531..2c60ea93 100644
--- a/src/components/common/TicketEditor/TicketTextArea.tsx
+++ b/src/components/common/TicketEditor/TicketTextArea.tsx
@@ -40,9 +40,15 @@ interface TicketTextAreaProps {
   onChange: (value: string) => void;
   placeholder?: string;
   ui: UiStore;
+  'data-testid'?: string;
 }
 
-export const TicketTextAreaComp = ({ value, onChange, placeholder }: TicketTextAreaProps) => {
+export const TicketTextAreaComp = ({
+  value,
+  onChange,
+  placeholder,
+  'data-testid': dataTestId
+}: TicketTextAreaProps) => {
   const { main } = useStores();
 
   const textareaValue = () => {
@@ -140,6 +146,7 @@ export const TicketTextAreaComp = ({ value, onChange, placeholder }: TicketTextA
         onChange={(e: ChangeEvent<HTMLTextAreaElement>) => onChange(e.target.value)}
         onPaste={handlePaste}
         placeholder={placeholder}
+        data-testid={dataTestId}
       />
     </div>
   );
diff --git a/src/people/widgetViews/WorkspaceFeature.tsx b/src/people/widgetViews/WorkspaceFeature.tsx
index 636126fb..d6a60c37 100644
--- a/src/people/widgetViews/WorkspaceFeature.tsx
+++ b/src/people/widgetViews/WorkspaceFeature.tsx
@@ -290,6 +290,7 @@ const WorkspaceEditableField = ({
           previewMode={previewMode}
           setPreviewMode={setPreviewMode}
           placeholder={placeholder}
+          dataTestIdPrefix={dataTestIdPrefix}
         />
 
         {isEditing && (
diff --git a/src/people/widgetViews/workspace/EditableField.tsx b/src/people/widgetViews/workspace/EditableField.tsx
index 9567209d..677648af 100644
--- a/src/people/widgetViews/workspace/EditableField.tsx
+++ b/src/people/widgetViews/workspace/EditableField.tsx
@@ -12,6 +12,7 @@ interface EditableFieldProps {
   previewMode: 'preview' | 'edit';
   setPreviewMode: (mode: 'preview' | 'edit') => void;
   placeholder?: string;
+  dataTestIdPrefix?: string;
 }
 
 export const EditableField: React.FC<EditableFieldProps> = ({
@@ -20,7 +21,8 @@ export const EditableField: React.FC<EditableFieldProps> = ({
   isEditing,
   previewMode,
   setPreviewMode,
-  placeholder
+  placeholder,
+  dataTestIdPrefix
 }: EditableFieldProps) => {
   const { ui } = useStores();
 
@@ -47,7 +49,13 @@ export const EditableField: React.FC<EditableFieldProps> = ({
         </SwitcherContainer>
       </PreviewButtonGroup>
       {previewMode === 'edit' ? (
-        <TicketTextAreaComp value={value} onChange={setValue} placeholder={placeholder} ui={ui} />
+        <TicketTextAreaComp
+          value={value}
+          onChange={setValue}
+          placeholder={placeholder}
+          ui={ui}
+          data-testid={`${dataTestIdPrefix}-textarea`}
+        />
       ) : (
         <div className="p-4 border rounded-md">
           {value?.trim()

From 6aa76a6d6c61d7df08e18990ef72e48b41ace22e Mon Sep 17 00:00:00 2001
From: Umer <160427254+MuhammadUmer44@users.noreply.github.com>
Date: Fri, 3 Jan 2025 05:25:14 +0500
Subject: [PATCH 12/24] fix: restore workspace planner navigation after bounty
 close

---
 src/people/WorkSpacePlanner/index.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/people/WorkSpacePlanner/index.tsx b/src/people/WorkSpacePlanner/index.tsx
index 6bc9257b..50672670 100644
--- a/src/people/WorkSpacePlanner/index.tsx
+++ b/src/people/WorkSpacePlanner/index.tsx
@@ -190,7 +190,9 @@ const WorkspacePlanner = observer(() => {
 
   const handleCardClick = (bountyId: string) => {
     bountyCardStore.saveFilterState();
-    history.push(`/bounty/${bountyId}`);
+    history.push(`/bounty/${bountyId}`, {
+      from: `/workspace/${uuid}/planner`
+    });
   };
 
   return (

From 9bfe064a31c817dfabc8daa65dc62aa54783c3e3 Mon Sep 17 00:00:00 2001
From: "M.Abubakar" <156602406+saithsab877@users.noreply.github.com>
Date: Fri, 3 Jan 2025 06:53:20 +0500
Subject: [PATCH 13/24] fixed link

---
 src/people/widgetViews/WorkspaceMission.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/people/widgetViews/WorkspaceMission.tsx b/src/people/widgetViews/WorkspaceMission.tsx
index b6479146..53e0801b 100644
--- a/src/people/widgetViews/WorkspaceMission.tsx
+++ b/src/people/widgetViews/WorkspaceMission.tsx
@@ -429,7 +429,7 @@ const WorkspaceMission = () => {
   };
 
   const handleViewBounties = () => {
-    window.open('https://community.sphinx.chat/workspace/bounties', '_blank');
+    window.open(`/workspace/bounties/${uuid}`, '_target');
   };
 
   const handleUserRepoOptionClick = (repositoryId: number) => {

From 398b04eb1228488709baf790c14892f63a807b31 Mon Sep 17 00:00:00 2001
From: MahtabBukhari <mahtabali50447@gmail.com>
Date: Fri, 3 Jan 2025 07:43:29 +0500
Subject: [PATCH 14/24] only show features where feat status active

---
 src/people/widgetViews/WorkspaceMission.tsx | 5 ++++-
 src/store/interface.ts                      | 2 ++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/people/widgetViews/WorkspaceMission.tsx b/src/people/widgetViews/WorkspaceMission.tsx
index b2770046..402775fc 100644
--- a/src/people/widgetViews/WorkspaceMission.tsx
+++ b/src/people/widgetViews/WorkspaceMission.tsx
@@ -575,7 +575,10 @@ const WorkspaceMission = () => {
 
   const getFeatures = useCallback(async () => {
     if (!uuid) return;
-    const featuresRes = await main.getWorkspaceFeatures(uuid, { page: currentPage });
+    const featuresRes = await main.getWorkspaceFeatures(uuid, {
+      page: currentPage,
+      status: 'active'
+    });
     if (!featuresRes) return;
 
     updateFeatures(featuresRes);
diff --git a/src/store/interface.ts b/src/store/interface.ts
index 24c2f1a8..fc4f14c9 100644
--- a/src/store/interface.ts
+++ b/src/store/interface.ts
@@ -176,6 +176,7 @@ export interface QueryParams {
   org_uuid?: string;
   provider?: string;
   workspace?: string;
+  status?:string;
 }
 
 export interface ClaimOnLiquid {
@@ -315,6 +316,7 @@ export interface Feature {
   updated: string;
   created_by: string;
   updated_by: string;
+  feat_status?:string;
 }
 
 export interface FeatureStory {

From 1e5ee02c94c62e50146e307ee9af35b35801f3a2 Mon Sep 17 00:00:00 2001
From: MahtabBukhari <mahtabali50447@gmail.com>
Date: Fri, 3 Jan 2025 07:47:29 +0500
Subject: [PATCH 15/24] only show features where feat status active

---
 src/store/interface.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/store/interface.ts b/src/store/interface.ts
index fc4f14c9..0eb4805f 100644
--- a/src/store/interface.ts
+++ b/src/store/interface.ts
@@ -548,3 +548,4 @@ export interface BountyTiming {
   lastPoWAt: string | null;
   closedAt: string | null;
 }
+

From a5f67940f21e2315929b7a95f251e1f7de48b043 Mon Sep 17 00:00:00 2001
From: MahtabBukhari <mahtabali50447@gmail.com>
Date: Fri, 3 Jan 2025 07:54:00 +0500
Subject: [PATCH 16/24] only show features where feat status active

---
 src/store/interface.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/store/interface.ts b/src/store/interface.ts
index 0eb4805f..fc4f14c9 100644
--- a/src/store/interface.ts
+++ b/src/store/interface.ts
@@ -548,4 +548,3 @@ export interface BountyTiming {
   lastPoWAt: string | null;
   closedAt: string | null;
 }
-

From 5cb269cb2ae0e7866e2686648d0da4bc1a059d10 Mon Sep 17 00:00:00 2001
From: MahtabBukhari <mahtabali50447@gmail.com>
Date: Fri, 3 Jan 2025 08:19:14 +0500
Subject: [PATCH 17/24] fix prettier error

---
 src/store/interface.ts | 1100 ++++++++++++++++++++--------------------
 1 file changed, 550 insertions(+), 550 deletions(-)

diff --git a/src/store/interface.ts b/src/store/interface.ts
index fc4f14c9..4caf3767 100644
--- a/src/store/interface.ts
+++ b/src/store/interface.ts
@@ -1,550 +1,550 @@
-import { Phase } from 'people/widgetViews/workspace/interface';
-import { Extras } from '../components/form/inputs/widgets/interfaces';
-
-export interface Tribe {
-  uuid: string;
-  name: string;
-  unique_name: string;
-  owner: string;
-  pubkey: string; // group encryption key
-  price: number;
-  img: string;
-  tags: string[];
-  description: string;
-  member_count: number;
-  last_active: number;
-  matchCount?: number; // for tag search
-}
-
-export interface Bot {
-  id?: number;
-  uuid: string;
-  name: string;
-  owner_pubkey: string;
-  unique_name: string;
-  price_per_use: number;
-  created: string;
-  updated: string;
-  unlisted: boolean;
-  deleted: boolean;
-  owner_route_hint: string;
-  owner: string;
-  pubkey: string; // group encryption key
-  price: number;
-  img: string;
-  tags: string[];
-  description: string;
-  member_count: number;
-  hide?: boolean;
-}
-
-export interface Person {
-  id: number;
-  unique_name: string;
-  owner_pubkey: string;
-  uuid: string;
-  owner_alias: string;
-  description: string;
-  img: string;
-  tags: string[];
-  pubkey?: string;
-  photo_url: string;
-  alias: string;
-  route_hint: string;
-  owner_route_hint?: string;
-  contact_key: string;
-  price_to_meet: number;
-  last_login?: number;
-  url: string;
-  verification_signature: string;
-  extras: Extras;
-  hide?: boolean;
-  commitment_fee?: number;
-  assigned_hours?: number;
-  bounty_expires?: number;
-}
-
-export interface WorkspaceUser {
-  id: number;
-  owner_pubkey: string;
-  org_uuid: string;
-  created: string;
-  updated: string;
-}
-
-export interface PersonFlex {
-  id?: number;
-  unique_name?: string;
-  owner_pubkey?: string;
-  owner_alias?: string;
-  description?: string;
-  img?: string;
-  tags?: string[];
-  pubkey?: string;
-  photo_url?: string;
-  alias?: string;
-  route_hint?: string;
-  contact_key?: string;
-  last_login?: number;
-  price_to_meet?: number;
-  url?: string;
-  verification_signature?: string;
-  extras?: Extras;
-  hide?: boolean;
-}
-
-export interface PersonPost {
-  person: PersonFlex;
-  title?: string;
-  description?: string;
-  created: number;
-}
-
-export interface PersonBounty {
-  person?: any;
-  body?: any;
-  org_uuid?: any;
-  title?: string;
-  description?: string;
-  owner_id: string;
-  created?: number;
-  show?: boolean;
-  assignee?: any;
-  wanted_type: string;
-  type?: string;
-  price?: string;
-  codingLanguage: string;
-  estimated_session_length: string;
-  bounty_expires?: string;
-  commitment_fee?: number;
-}
-
-export type WorkspaceTransactionType = 'deposit' | 'payment' | 'withdraw' | 'failed' | 'pending';
-
-export type PaymentStatus = 'COMPLETED' | 'PENDING' | 'FAILED';
-
-export interface PaymentHistory {
-  id: number;
-  bounty_id: number;
-  amount: number;
-  workspace_uuid: string;
-  sender_name: string;
-  sender_pubkey: string;
-  sender_img: string;
-  receiver_name: string;
-  receiver_pubkey: string;
-  receiver_img: string;
-  created: string;
-  updated: string;
-  payment_type: WorkspaceTransactionType;
-  status: boolean;
-  payment_status?: PaymentStatus;
-  error?: string;
-}
-
-export interface BudgetHistory {
-  id: number;
-  amount: number;
-  org_uuid: string;
-  payment_type: string;
-  created: string;
-  updated: string;
-  sender_pub_key: string;
-  sender_name: string;
-  status: boolean;
-}
-
-export interface PersonOffer {
-  person: PersonFlex;
-  title: string;
-  description: string;
-  created: number;
-}
-
-export interface Jwt {
-  jwt: string;
-}
-
-export interface QueryParams {
-  page?: number;
-  limit?: number;
-  sortBy?: string;
-  direction?: string;
-  search?: string;
-  resetPage?: boolean;
-  languages?: string;
-  org_uuid?: string;
-  provider?: string;
-  workspace?: string;
-  status?:string;
-}
-
-export interface ClaimOnLiquid {
-  asset: number;
-  to: string;
-  amount?: number;
-  memo: string;
-}
-
-export interface LnAuthData {
-  encode: string;
-  k1: string;
-}
-
-export interface LnInvoice {
-  success: boolean;
-  response: {
-    invoice: string;
-  };
-}
-
-export interface Workspace {
-  id: string;
-  uuid: string;
-  name: string;
-  description?: string;
-  github?: string;
-  website?: string;
-  owner_pubkey: string;
-  img: string;
-  mission?: string;
-  tactics?: string;
-  schematic_url?: string;
-  schematic_img?: string;
-  created: string;
-  updated: string;
-  show: boolean;
-  bounty_count?: number;
-  budget?: number;
-  deleted?: boolean;
-}
-
-export interface CreateWorkspaceInput {
-  img: string;
-  name: string;
-  description?: string;
-  github?: string;
-  website?: string;
-}
-
-export interface BountyRoles {
-  name: string;
-}
-
-export interface InvoiceDetails {
-  success: boolean;
-  response: {
-    settled: boolean;
-    payment_request: string;
-    payment_hash: string;
-    preimage: string;
-    amount: number;
-  };
-}
-
-export interface InvoiceError {
-  success: boolean;
-  error: string;
-}
-
-export interface BudgetWithdrawSuccess {
-  success: boolean;
-  response: {
-    success: boolean;
-    response: {
-      payment_request: string;
-    };
-  };
-}
-
-export interface FilterStatusCount {
-  assigned: number;
-  paid: number;
-  open: number;
-}
-
-export interface BountyMetrics {
-  bounties_posted: number;
-  bounties_paid: number;
-  bounties_assigned?: number;
-  bounties_paid_average: number;
-  sats_posted: number;
-  sats_paid: number;
-  sats_paid_percentage: number;
-  average_paid: number;
-  average_completed: number;
-  unique_hunters_paid: number;
-  new_hunters_paid: number;
-  new_hunters: number;
-  new_hunters_by_period: number;
-}
-
-export interface BountyStatus {
-  Open: boolean;
-  Assigned: boolean;
-  Completed: boolean;
-  Paid: boolean;
-  Pending: boolean;
-  Failed: boolean;
-}
-
-export interface WorkspaceBudget {
-  org_uuid: string;
-  current_budget: number;
-  open_budget: number;
-  open_count: number;
-  assigned_budget: number;
-  assigned_count: number;
-  completed_budget: number;
-  completed_count: number;
-}
-
-export interface Feature {
-  id: number;
-  uuid: string;
-  workspace_uuid: string;
-  name: string;
-  brief: string;
-  requirements: string;
-  architecture: string;
-  url: string;
-  priority: number;
-  bounties_count_assigned: number;
-  bounties_count_completed: number;
-  bounties_count_open: number;
-  created: string;
-  updated: string;
-  created_by: string;
-  updated_by: string;
-  feat_status?:string;
-}
-
-export interface FeatureStory {
-  id?: number;
-  uuid: string;
-  feature_uuid: string;
-  description: string;
-  priority: number;
-  created: string;
-  updated: string;
-  created_by: string;
-  updated_by: string;
-}
-export interface CreateFeatureStoryInput {
-  feature_uuid: string;
-  description: string;
-  priority?: number;
-}
-
-export interface UpdateFeatureStoryInput {
-  uuid: string;
-  priority: number;
-}
-
-export interface CreateFeatureInput {
-  uuid?: string;
-  workspace_uuid: string;
-  name?: string;
-  brief?: string;
-  requirements?: string;
-  architecture?: string;
-  priority?: number;
-}
-
-// Default data
-export const defaultWorkspaceBudget: WorkspaceBudget = {
-  org_uuid: '',
-  current_budget: 0,
-  open_budget: 0,
-  open_count: 0,
-  assigned_budget: 0,
-  assigned_count: 0,
-  completed_budget: 0,
-  completed_count: 0
-};
-
-export const defaultWorkspaceBountyStatus: BountyStatus = {
-  Open: false,
-  Assigned: false,
-  Paid: false,
-  Completed: false,
-  Pending: false,
-  Failed: false
-};
-
-export const defaultSuperAdminBountyStatus: BountyStatus = {
-  Open: false,
-  Assigned: false,
-  Completed: false,
-  Paid: false,
-  Pending: false,
-  Failed: false
-};
-
-export const defaultBountyStatus: BountyStatus = {
-  Open: true,
-  Assigned: false,
-  Completed: false,
-  Paid: false,
-  Pending: false,
-  Failed: false
-};
-
-export const queryLimitTribes = 100;
-export const queryLimit = 10;
-export const orgQuerLimit = 500;
-export const paginationQueryLimit = 20;
-export const peopleQueryLimit = 500;
-export const featureLimit = 4;
-export const phaseBountyLimit = 3;
-
-export type TicketStatus =
-  | 'DRAFT'
-  | 'READY'
-  | 'IN_PROGRESS'
-  | 'TEST'
-  | 'DEPLOY'
-  | 'PAY'
-  | 'COMPLETE';
-
-export type Author = 'HUMAN' | 'AGENT';
-
-export interface Ticket {
-  uuid: string;
-  UUID?: string;
-  ticketUUID?: string;
-  feature_uuid: string;
-  phase_uuid: string;
-  name: string;
-  sequence: number;
-  dependency?: string[];
-  description: string;
-  status: TicketStatus;
-  version: number;
-  ticket_group?: string;
-  author?: Author;
-  author_id?: string;
-  created_at?: Date;
-  updated_at?: Date;
-}
-
-export interface CreateTicketInput {
-  feature_uuid: string;
-  phase_uuid: string;
-  name: string;
-  description: string;
-  sequence?: number;
-  dependency?: string[];
-  status?: TicketStatus;
-}
-
-export interface UpdateTicketInput {
-  uuid: string;
-  name?: string;
-  description?: string;
-  sequence?: number;
-  dependency?: string[];
-  status?: TicketStatus;
-  version?: number;
-}
-
-export interface TicketMessage {
-  broadcastType: 'pool' | 'direct';
-  sourceSessionID: string;
-  message: string;
-  action: 'process' | 'message' | 'run-link' | 'swrun';
-  ticketDetails: Ticket;
-}
-
-export interface TicketPayload {
-  metadata: {
-    source: string;
-    id: string;
-  };
-  ticket: Ticket;
-}
-
-export type ChatRole = 'user' | 'assistant';
-export type ChatStatus = 'sending' | 'sent' | 'error';
-export type ContextTagType = 'productBrief' | 'featureBrief' | 'schematic';
-export type ChatSource = 'user' | 'agent';
-export type BountyCardStatus = 'Todo' | 'Assigned' | 'Complete' | 'Paid';
-
-export interface ContextTag {
-  type: ContextTagType;
-  id: string;
-}
-
-export interface ChatMessage {
-  id: string;
-  chat_id?: string;
-  chatId?: string;
-  message: string;
-  role: ChatRole;
-  timestamp: string | Date;
-  context_tags?: ContextTag[];
-  contextTags?: ContextTag[];
-  status: ChatStatus;
-  source: ChatSource;
-  sourceWebsocketID?: string;
-  workspaceUUID?: string;
-}
-
-export interface Chat {
-  id: string;
-  workspaceId: string;
-  title: string;
-  createdAt: string;
-  updatedAt: string;
-}
-
-export interface CodeGraph {
-  id?: number;
-  uuid: string;
-  workspace_uuid: string;
-  name: string;
-  url: string;
-  created?: string;
-  updated?: string;
-}
-
-export interface BountyCard {
-  id: string;
-  title: string;
-  features: Feature;
-  phase: Phase;
-  workspace: Workspace;
-  assignee_img?: string;
-}
-
-export interface BountyCard {
-  id: string;
-  title: string;
-  features: Feature;
-  phase: Phase;
-  workspace: Workspace;
-  assignee_img?: string;
-  status?: BountyCardStatus;
-  paid?: boolean;
-  completed?: boolean;
-  payment_pending?: boolean;
-  assignee?: string;
-}
-
-export type BountyReviewStatus = 'New' | 'Accepted' | 'Rejected' | 'Change Requested';
-
-export interface ProofOfWork {
-  id: string;
-  bountyId: string;
-  description: string;
-  status: BountyReviewStatus;
-  submittedAt: string;
-}
-
-export interface BountyTiming {
-  totalWorkTimeSeconds: number;
-  totalAttempts: number;
-  firstAssignedAt: string | null;
-  lastPoWAt: string | null;
-  closedAt: string | null;
-}
+import { Phase } from 'people/widgetViews/workspace/interface';
+import { Extras } from '../components/form/inputs/widgets/interfaces';
+
+export interface Tribe {
+  uuid: string;
+  name: string;
+  unique_name: string;
+  owner: string;
+  pubkey: string; // group encryption key
+  price: number;
+  img: string;
+  tags: string[];
+  description: string;
+  member_count: number;
+  last_active: number;
+  matchCount?: number; // for tag search
+}
+
+export interface Bot {
+  id?: number;
+  uuid: string;
+  name: string;
+  owner_pubkey: string;
+  unique_name: string;
+  price_per_use: number;
+  created: string;
+  updated: string;
+  unlisted: boolean;
+  deleted: boolean;
+  owner_route_hint: string;
+  owner: string;
+  pubkey: string; // group encryption key
+  price: number;
+  img: string;
+  tags: string[];
+  description: string;
+  member_count: number;
+  hide?: boolean;
+}
+
+export interface Person {
+  id: number;
+  unique_name: string;
+  owner_pubkey: string;
+  uuid: string;
+  owner_alias: string;
+  description: string;
+  img: string;
+  tags: string[];
+  pubkey?: string;
+  photo_url: string;
+  alias: string;
+  route_hint: string;
+  owner_route_hint?: string;
+  contact_key: string;
+  price_to_meet: number;
+  last_login?: number;
+  url: string;
+  verification_signature: string;
+  extras: Extras;
+  hide?: boolean;
+  commitment_fee?: number;
+  assigned_hours?: number;
+  bounty_expires?: number;
+}
+
+export interface WorkspaceUser {
+  id: number;
+  owner_pubkey: string;
+  org_uuid: string;
+  created: string;
+  updated: string;
+}
+
+export interface PersonFlex {
+  id?: number;
+  unique_name?: string;
+  owner_pubkey?: string;
+  owner_alias?: string;
+  description?: string;
+  img?: string;
+  tags?: string[];
+  pubkey?: string;
+  photo_url?: string;
+  alias?: string;
+  route_hint?: string;
+  contact_key?: string;
+  last_login?: number;
+  price_to_meet?: number;
+  url?: string;
+  verification_signature?: string;
+  extras?: Extras;
+  hide?: boolean;
+}
+
+export interface PersonPost {
+  person: PersonFlex;
+  title?: string;
+  description?: string;
+  created: number;
+}
+
+export interface PersonBounty {
+  person?: any;
+  body?: any;
+  org_uuid?: any;
+  title?: string;
+  description?: string;
+  owner_id: string;
+  created?: number;
+  show?: boolean;
+  assignee?: any;
+  wanted_type: string;
+  type?: string;
+  price?: string;
+  codingLanguage: string;
+  estimated_session_length: string;
+  bounty_expires?: string;
+  commitment_fee?: number;
+}
+
+export type WorkspaceTransactionType = 'deposit' | 'payment' | 'withdraw' | 'failed' | 'pending';
+
+export type PaymentStatus = 'COMPLETED' | 'PENDING' | 'FAILED';
+
+export interface PaymentHistory {
+  id: number;
+  bounty_id: number;
+  amount: number;
+  workspace_uuid: string;
+  sender_name: string;
+  sender_pubkey: string;
+  sender_img: string;
+  receiver_name: string;
+  receiver_pubkey: string;
+  receiver_img: string;
+  created: string;
+  updated: string;
+  payment_type: WorkspaceTransactionType;
+  status: boolean;
+  payment_status?: PaymentStatus;
+  error?: string;
+}
+
+export interface BudgetHistory {
+  id: number;
+  amount: number;
+  org_uuid: string;
+  payment_type: string;
+  created: string;
+  updated: string;
+  sender_pub_key: string;
+  sender_name: string;
+  status: boolean;
+}
+
+export interface PersonOffer {
+  person: PersonFlex;
+  title: string;
+  description: string;
+  created: number;
+}
+
+export interface Jwt {
+  jwt: string;
+}
+
+export interface QueryParams {
+  page?: number;
+  limit?: number;
+  sortBy?: string;
+  direction?: string;
+  search?: string;
+  resetPage?: boolean;
+  languages?: string;
+  org_uuid?: string;
+  provider?: string;
+  workspace?: string;
+  status?: string;
+}
+
+export interface ClaimOnLiquid {
+  asset: number;
+  to: string;
+  amount?: number;
+  memo: string;
+}
+
+export interface LnAuthData {
+  encode: string;
+  k1: string;
+}
+
+export interface LnInvoice {
+  success: boolean;
+  response: {
+    invoice: string;
+  };
+}
+
+export interface Workspace {
+  id: string;
+  uuid: string;
+  name: string;
+  description?: string;
+  github?: string;
+  website?: string;
+  owner_pubkey: string;
+  img: string;
+  mission?: string;
+  tactics?: string;
+  schematic_url?: string;
+  schematic_img?: string;
+  created: string;
+  updated: string;
+  show: boolean;
+  bounty_count?: number;
+  budget?: number;
+  deleted?: boolean;
+}
+
+export interface CreateWorkspaceInput {
+  img: string;
+  name: string;
+  description?: string;
+  github?: string;
+  website?: string;
+}
+
+export interface BountyRoles {
+  name: string;
+}
+
+export interface InvoiceDetails {
+  success: boolean;
+  response: {
+    settled: boolean;
+    payment_request: string;
+    payment_hash: string;
+    preimage: string;
+    amount: number;
+  };
+}
+
+export interface InvoiceError {
+  success: boolean;
+  error: string;
+}
+
+export interface BudgetWithdrawSuccess {
+  success: boolean;
+  response: {
+    success: boolean;
+    response: {
+      payment_request: string;
+    };
+  };
+}
+
+export interface FilterStatusCount {
+  assigned: number;
+  paid: number;
+  open: number;
+}
+
+export interface BountyMetrics {
+  bounties_posted: number;
+  bounties_paid: number;
+  bounties_assigned?: number;
+  bounties_paid_average: number;
+  sats_posted: number;
+  sats_paid: number;
+  sats_paid_percentage: number;
+  average_paid: number;
+  average_completed: number;
+  unique_hunters_paid: number;
+  new_hunters_paid: number;
+  new_hunters: number;
+  new_hunters_by_period: number;
+}
+
+export interface BountyStatus {
+  Open: boolean;
+  Assigned: boolean;
+  Completed: boolean;
+  Paid: boolean;
+  Pending: boolean;
+  Failed: boolean;
+}
+
+export interface WorkspaceBudget {
+  org_uuid: string;
+  current_budget: number;
+  open_budget: number;
+  open_count: number;
+  assigned_budget: number;
+  assigned_count: number;
+  completed_budget: number;
+  completed_count: number;
+}
+
+export interface Feature {
+  id: number;
+  uuid: string;
+  workspace_uuid: string;
+  name: string;
+  brief: string;
+  requirements: string;
+  architecture: string;
+  url: string;
+  priority: number;
+  bounties_count_assigned: number;
+  bounties_count_completed: number;
+  bounties_count_open: number;
+  created: string;
+  updated: string;
+  created_by: string;
+  updated_by: string;
+  feat_status?: string;
+}
+
+export interface FeatureStory {
+  id?: number;
+  uuid: string;
+  feature_uuid: string;
+  description: string;
+  priority: number;
+  created: string;
+  updated: string;
+  created_by: string;
+  updated_by: string;
+}
+export interface CreateFeatureStoryInput {
+  feature_uuid: string;
+  description: string;
+  priority?: number;
+}
+
+export interface UpdateFeatureStoryInput {
+  uuid: string;
+  priority: number;
+}
+
+export interface CreateFeatureInput {
+  uuid?: string;
+  workspace_uuid: string;
+  name?: string;
+  brief?: string;
+  requirements?: string;
+  architecture?: string;
+  priority?: number;
+}
+
+// Default data
+export const defaultWorkspaceBudget: WorkspaceBudget = {
+  org_uuid: '',
+  current_budget: 0,
+  open_budget: 0,
+  open_count: 0,
+  assigned_budget: 0,
+  assigned_count: 0,
+  completed_budget: 0,
+  completed_count: 0
+};
+
+export const defaultWorkspaceBountyStatus: BountyStatus = {
+  Open: false,
+  Assigned: false,
+  Paid: false,
+  Completed: false,
+  Pending: false,
+  Failed: false
+};
+
+export const defaultSuperAdminBountyStatus: BountyStatus = {
+  Open: false,
+  Assigned: false,
+  Completed: false,
+  Paid: false,
+  Pending: false,
+  Failed: false
+};
+
+export const defaultBountyStatus: BountyStatus = {
+  Open: true,
+  Assigned: false,
+  Completed: false,
+  Paid: false,
+  Pending: false,
+  Failed: false
+};
+
+export const queryLimitTribes = 100;
+export const queryLimit = 10;
+export const orgQuerLimit = 500;
+export const paginationQueryLimit = 20;
+export const peopleQueryLimit = 500;
+export const featureLimit = 4;
+export const phaseBountyLimit = 3;
+
+export type TicketStatus =
+  | 'DRAFT'
+  | 'READY'
+  | 'IN_PROGRESS'
+  | 'TEST'
+  | 'DEPLOY'
+  | 'PAY'
+  | 'COMPLETE';
+
+export type Author = 'HUMAN' | 'AGENT';
+
+export interface Ticket {
+  uuid: string;
+  UUID?: string;
+  ticketUUID?: string;
+  feature_uuid: string;
+  phase_uuid: string;
+  name: string;
+  sequence: number;
+  dependency?: string[];
+  description: string;
+  status: TicketStatus;
+  version: number;
+  ticket_group?: string;
+  author?: Author;
+  author_id?: string;
+  created_at?: Date;
+  updated_at?: Date;
+}
+
+export interface CreateTicketInput {
+  feature_uuid: string;
+  phase_uuid: string;
+  name: string;
+  description: string;
+  sequence?: number;
+  dependency?: string[];
+  status?: TicketStatus;
+}
+
+export interface UpdateTicketInput {
+  uuid: string;
+  name?: string;
+  description?: string;
+  sequence?: number;
+  dependency?: string[];
+  status?: TicketStatus;
+  version?: number;
+}
+
+export interface TicketMessage {
+  broadcastType: 'pool' | 'direct';
+  sourceSessionID: string;
+  message: string;
+  action: 'process' | 'message' | 'run-link' | 'swrun';
+  ticketDetails: Ticket;
+}
+
+export interface TicketPayload {
+  metadata: {
+    source: string;
+    id: string;
+  };
+  ticket: Ticket;
+}
+
+export type ChatRole = 'user' | 'assistant';
+export type ChatStatus = 'sending' | 'sent' | 'error';
+export type ContextTagType = 'productBrief' | 'featureBrief' | 'schematic';
+export type ChatSource = 'user' | 'agent';
+export type BountyCardStatus = 'Todo' | 'Assigned' | 'Complete' | 'Paid';
+
+export interface ContextTag {
+  type: ContextTagType;
+  id: string;
+}
+
+export interface ChatMessage {
+  id: string;
+  chat_id?: string;
+  chatId?: string;
+  message: string;
+  role: ChatRole;
+  timestamp: string | Date;
+  context_tags?: ContextTag[];
+  contextTags?: ContextTag[];
+  status: ChatStatus;
+  source: ChatSource;
+  sourceWebsocketID?: string;
+  workspaceUUID?: string;
+}
+
+export interface Chat {
+  id: string;
+  workspaceId: string;
+  title: string;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export interface CodeGraph {
+  id?: number;
+  uuid: string;
+  workspace_uuid: string;
+  name: string;
+  url: string;
+  created?: string;
+  updated?: string;
+}
+
+export interface BountyCard {
+  id: string;
+  title: string;
+  features: Feature;
+  phase: Phase;
+  workspace: Workspace;
+  assignee_img?: string;
+}
+
+export interface BountyCard {
+  id: string;
+  title: string;
+  features: Feature;
+  phase: Phase;
+  workspace: Workspace;
+  assignee_img?: string;
+  status?: BountyCardStatus;
+  paid?: boolean;
+  completed?: boolean;
+  payment_pending?: boolean;
+  assignee?: string;
+}
+
+export type BountyReviewStatus = 'New' | 'Accepted' | 'Rejected' | 'Change Requested';
+
+export interface ProofOfWork {
+  id: string;
+  bountyId: string;
+  description: string;
+  status: BountyReviewStatus;
+  submittedAt: string;
+}
+
+export interface BountyTiming {
+  totalWorkTimeSeconds: number;
+  totalAttempts: number;
+  firstAssignedAt: string | null;
+  lastPoWAt: string | null;
+  closedAt: string | null;
+}

From 971704848f0d1dddf9be3ee37755543a89033e7b Mon Sep 17 00:00:00 2001
From: MahtabBukhari <mahtabali50447@gmail.com>
Date: Fri, 3 Jan 2025 09:43:02 +0500
Subject: [PATCH 18/24] add an archive element to the ui for features on
 workspace view

---
 src/people/widgetViews/WorkspaceMission.tsx | 46 +++++++++++++++++++++
 src/store/main.ts                           | 26 ++++++++++++
 2 files changed, 72 insertions(+)

diff --git a/src/people/widgetViews/WorkspaceMission.tsx b/src/people/widgetViews/WorkspaceMission.tsx
index 142f4df7..e61a109f 100644
--- a/src/people/widgetViews/WorkspaceMission.tsx
+++ b/src/people/widgetViews/WorkspaceMission.tsx
@@ -135,6 +135,7 @@ const EuiLinkStyled = styled(EuiLink)<{ isMobile: boolean }>`
 
 const StatusWrap = styled.div`
   margin-left: auto;
+  margin-right: 120px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -283,6 +284,7 @@ const WorkspaceMission = () => {
   const [workspaceData, setWorkspaceData] = useState<Workspace>();
   const [loading, setLoading] = useState(true);
   const [displayMission, setDidplayMission] = useState(false);
+  const [visibleFeatureStatus, setVisibleFeatureStatus] = useState<{ [key: string]: boolean }>({});
   const [editMission, setEditMission] = useState(false);
   const [displaySchematic, setDidplaySchematic] = useState(false);
   const [editTactics, setEditTactics] = useState(false);
@@ -613,6 +615,30 @@ const WorkspaceMission = () => {
     setDidplayMission(false);
   };
 
+  const toggleFeatureStatus = (uuid: string) => {
+    setVisibleFeatureStatus((prevState: { [key: string]: boolean }) => ({
+      ...prevState,
+      [uuid]: !prevState[uuid]
+    }));
+  };
+
+  const closeAllFeatureStatus = () => {
+    setVisibleFeatureStatus({});
+  };
+
+  const archiveFeatureStatus = async (uuid: string) => {
+    await main.archiveFeature(uuid);
+    ui.setToasts([
+      {
+        title: 'Archived',
+        color: 'success',
+        text: 'Feature is successfully archived'
+      }
+    ]);
+    getFeatures();
+    closeAllFeatureStatus();
+  };
+
   const missionChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
     const newValue = e.target.value;
     if (newValue.length) {
@@ -1224,6 +1250,26 @@ const WorkspaceMission = () => {
                                 >
                                   {feat.name}
                                 </FeatureLink>
+                                <OptionsWrap>
+                                  <MaterialIcon
+                                    icon={'more_horiz'}
+                                    className="MaterialIcon"
+                                    onClick={() => toggleFeatureStatus(feat.uuid)}
+                                    data-testid="mission-option-btn"
+                                  />
+                                  {visibleFeatureStatus[feat.uuid] && (
+                                    <EditPopover>
+                                      <EditPopoverTail />
+                                      <EditPopoverContent
+                                        onClick={() => archiveFeatureStatus(feat.uuid)}
+                                      >
+                                        <EditPopoverText data-testid="mission-edit-btn">
+                                          Archive
+                                        </EditPopoverText>
+                                      </EditPopoverContent>
+                                    </EditPopover>
+                                  )}
+                                </OptionsWrap>
                                 <StatusWrap>
                                   <StatusBox type="completed">
                                     Completed
diff --git a/src/store/main.ts b/src/store/main.ts
index f73884da..1903e546 100644
--- a/src/store/main.ts
+++ b/src/store/main.ts
@@ -3465,6 +3465,32 @@ export class MainStore {
     }
   }
 
+  async archiveFeature(uuid: string): Promise<any> {
+    try {
+      if (!uiStore.meInfo) return null;
+      const info = uiStore.meInfo;
+      const response = await fetch(`${TribesURL}/features/${uuid}/status`, {
+        method: 'PUT',
+        mode: 'cors',
+        headers: {
+          'x-jwt': info.tribe_jwt,
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({ status: 'archived' })
+      });
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (e) {
+      console.log('Error archiveFeature', e);
+      return null;
+    }
+  }
+
   async getRepositories(workspace_uuid: string): Promise<any> {
     try {
       if (!uiStore.meInfo) return [];

From 0f75b38cb7fabf8d3a803e96d07c7e6a60fc08bd Mon Sep 17 00:00:00 2001
From: MahtabBukhari <mahtabali50447@gmail.com>
Date: Fri, 3 Jan 2025 09:57:07 +0500
Subject: [PATCH 19/24] fix prettier

---
 src/store/interface.ts | 24 ------------------------
 1 file changed, 24 deletions(-)

diff --git a/src/store/interface.ts b/src/store/interface.ts
index 4caf3767..8fb6eaee 100644
--- a/src/store/interface.ts
+++ b/src/store/interface.ts
@@ -161,10 +161,6 @@ export interface PersonOffer {
   created: number;
 }
 
-export interface Jwt {
-  jwt: string;
-}
-
 export interface QueryParams {
   page?: number;
   limit?: number;
@@ -428,26 +424,6 @@ export interface Ticket {
   updated_at?: Date;
 }
 
-export interface CreateTicketInput {
-  feature_uuid: string;
-  phase_uuid: string;
-  name: string;
-  description: string;
-  sequence?: number;
-  dependency?: string[];
-  status?: TicketStatus;
-}
-
-export interface UpdateTicketInput {
-  uuid: string;
-  name?: string;
-  description?: string;
-  sequence?: number;
-  dependency?: string[];
-  status?: TicketStatus;
-  version?: number;
-}
-
 export interface TicketMessage {
   broadcastType: 'pool' | 'direct';
   sourceSessionID: string;

From 6c8b2e13947539bcc09bd1985ed65cca94d71c1b Mon Sep 17 00:00:00 2001
From: MahtabBukhari <mahtabali50447@gmail.com>
Date: Fri, 3 Jan 2025 10:04:41 +0500
Subject: [PATCH 20/24] fix prettier

---
 src/store/interface.ts | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/src/store/interface.ts b/src/store/interface.ts
index 8fb6eaee..4caf3767 100644
--- a/src/store/interface.ts
+++ b/src/store/interface.ts
@@ -161,6 +161,10 @@ export interface PersonOffer {
   created: number;
 }
 
+export interface Jwt {
+  jwt: string;
+}
+
 export interface QueryParams {
   page?: number;
   limit?: number;
@@ -424,6 +428,26 @@ export interface Ticket {
   updated_at?: Date;
 }
 
+export interface CreateTicketInput {
+  feature_uuid: string;
+  phase_uuid: string;
+  name: string;
+  description: string;
+  sequence?: number;
+  dependency?: string[];
+  status?: TicketStatus;
+}
+
+export interface UpdateTicketInput {
+  uuid: string;
+  name?: string;
+  description?: string;
+  sequence?: number;
+  dependency?: string[];
+  status?: TicketStatus;
+  version?: number;
+}
+
 export interface TicketMessage {
   broadcastType: 'pool' | 'direct';
   sourceSessionID: string;

From 1db240c9885e47059022e31739041bcb2c73cd41 Mon Sep 17 00:00:00 2001
From: AhsanFarooqDev <ahsanfarooqdevtech@gmail.com>
Date: Fri, 3 Jan 2025 10:47:24 +0500
Subject: [PATCH 21/24] correct the styling on stakwork button on the ticket
 editor component

---
 src/components/common/TicketEditor/TicketEditor.tsx | 8 +++++++-
 src/people/widgetViews/workspace/style.ts           | 5 +++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/common/TicketEditor/TicketEditor.tsx b/src/components/common/TicketEditor/TicketEditor.tsx
index 45bf4982..fc4a2133 100644
--- a/src/components/common/TicketEditor/TicketEditor.tsx
+++ b/src/components/common/TicketEditor/TicketEditor.tsx
@@ -378,8 +378,14 @@ const TicketEditor = observer(
                   href={`https://jobs.stakwork.com/admin/projects/${swwfLink}`}
                   target="_blank"
                   rel="noopener noreferrer"
-                  style={{ textDecoration: 'none' }}
+                  style={{
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    textDecoration: 'none'
+                  }}
                   color="#49C998"
+                  className="no-underline"
                 >
                   SW Run: {swwfLink}
                 </ActionButton>
diff --git a/src/people/widgetViews/workspace/style.ts b/src/people/widgetViews/workspace/style.ts
index 49c906c8..6150fe79 100644
--- a/src/people/widgetViews/workspace/style.ts
+++ b/src/people/widgetViews/workspace/style.ts
@@ -1061,6 +1061,11 @@ export const ActionButton = styled.button<ButtonProps>`
     }
   }};
 
+  &:hover {
+    text-decoration: none;
+    color:white;
+  }
+
   :disabled {
     border: 1px solid rgba(0, 0, 0, 0.07);
     background: rgba(0, 0, 0, 0.04);

From d1574ea66c3aef05864dbc424b5541f49ee78060 Mon Sep 17 00:00:00 2001
From: AhsanFarooqDev <ahsanfarooqdevtech@gmail.com>
Date: Fri, 3 Jan 2025 10:52:49 +0500
Subject: [PATCH 22/24] fix error

---
 src/people/widgetViews/workspace/style.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/people/widgetViews/workspace/style.ts b/src/people/widgetViews/workspace/style.ts
index 6150fe79..bb99324d 100644
--- a/src/people/widgetViews/workspace/style.ts
+++ b/src/people/widgetViews/workspace/style.ts
@@ -1063,7 +1063,7 @@ export const ActionButton = styled.button<ButtonProps>`
 
   &:hover {
     text-decoration: none;
-    color:white;
+    color: white;
   }
 
   :disabled {

From b9134f4b32e630616c68222f2244140a9cd4143d Mon Sep 17 00:00:00 2001
From: Arrey Etta <arreyettaekep@gmail.com>
Date: Fri, 3 Jan 2025 11:29:33 -0700
Subject: [PATCH 23/24] feat: added ticket to bounty conversion

---
 .../common/TicketEditor/TicketEditor.tsx      |   47 +
 src/store/interface.ts                        | 1106 +++++++++--------
 src/store/main.ts                             |   28 +-
 3 files changed, 630 insertions(+), 551 deletions(-)

diff --git a/src/components/common/TicketEditor/TicketEditor.tsx b/src/components/common/TicketEditor/TicketEditor.tsx
index fc4a2133..511e0f37 100644
--- a/src/components/common/TicketEditor/TicketEditor.tsx
+++ b/src/components/common/TicketEditor/TicketEditor.tsx
@@ -12,6 +12,7 @@ import {
 } from '@elastic/eui';
 import { renderMarkdown } from 'people/utils/RenderMarkdown.tsx';
 import styled from 'styled-components';
+import history from 'config/history.ts';
 import { phaseTicketStore } from '../../../store/phase';
 import {
   ActionButton,
@@ -92,6 +93,7 @@ const TicketEditor = observer(
     const [isCopying, setIsCopying] = useState(false);
     const [activeMode, setActiveMode] = useState<'preview' | 'edit'>('edit');
     const { main } = useStores();
+    const [isCreatingBounty, setIsCreatingBounty] = useState(false);
     const ui = uiStore;
 
     const groupTickets = useMemo(
@@ -277,6 +279,43 @@ const TicketEditor = observer(
         setIsCopying(false);
       }
     };
+
+    const handleCreateBounty = async () => {
+      if (isCreatingBounty) return;
+
+      setIsCreatingBounty(true);
+      try {
+        const data = await main.createBountyFromTicket(ticketData.uuid);
+
+        if (data?.success) {
+          setToasts([
+            {
+              id: `${Date.now()}-bounty-success`,
+              title: 'Bounty Created',
+              color: 'success',
+              text: 'Bounty created successfully!'
+            }
+          ]);
+
+          history.push(`/bounty/${data.bounty_id}`);
+        } else {
+          throw new Error('Failed to create bounty');
+        }
+      } catch (error) {
+        console.error('Error creating bounty:', error);
+        setToasts([
+          {
+            id: `${Date.now()}-bounty-error`,
+            title: 'Error',
+            color: 'danger',
+            text: 'Failed to create bounty'
+          }
+        ]);
+      } finally {
+        setIsCreatingBounty(false);
+      }
+    };
+
     return (
       <TicketContainer>
         <EuiFlexGroup alignItems="center" gutterSize="s">
@@ -372,6 +411,14 @@ const TicketEditor = observer(
               >
                 Update
               </ActionButton>
+              <ActionButton
+                color="primary"
+                onClick={handleCreateBounty}
+                disabled={isCreatingBounty}
+                data-testid="create-bounty-from-ticket-btn"
+              >
+                {isCreatingBounty ? 'Creating Bounty...' : 'Create Bounty'}
+              </ActionButton>
               {swwfLink && (
                 <ActionButton
                   as="a"
diff --git a/src/store/interface.ts b/src/store/interface.ts
index 4caf3767..bd4ede63 100644
--- a/src/store/interface.ts
+++ b/src/store/interface.ts
@@ -1,550 +1,556 @@
-import { Phase } from 'people/widgetViews/workspace/interface';
-import { Extras } from '../components/form/inputs/widgets/interfaces';
-
-export interface Tribe {
-  uuid: string;
-  name: string;
-  unique_name: string;
-  owner: string;
-  pubkey: string; // group encryption key
-  price: number;
-  img: string;
-  tags: string[];
-  description: string;
-  member_count: number;
-  last_active: number;
-  matchCount?: number; // for tag search
-}
-
-export interface Bot {
-  id?: number;
-  uuid: string;
-  name: string;
-  owner_pubkey: string;
-  unique_name: string;
-  price_per_use: number;
-  created: string;
-  updated: string;
-  unlisted: boolean;
-  deleted: boolean;
-  owner_route_hint: string;
-  owner: string;
-  pubkey: string; // group encryption key
-  price: number;
-  img: string;
-  tags: string[];
-  description: string;
-  member_count: number;
-  hide?: boolean;
-}
-
-export interface Person {
-  id: number;
-  unique_name: string;
-  owner_pubkey: string;
-  uuid: string;
-  owner_alias: string;
-  description: string;
-  img: string;
-  tags: string[];
-  pubkey?: string;
-  photo_url: string;
-  alias: string;
-  route_hint: string;
-  owner_route_hint?: string;
-  contact_key: string;
-  price_to_meet: number;
-  last_login?: number;
-  url: string;
-  verification_signature: string;
-  extras: Extras;
-  hide?: boolean;
-  commitment_fee?: number;
-  assigned_hours?: number;
-  bounty_expires?: number;
-}
-
-export interface WorkspaceUser {
-  id: number;
-  owner_pubkey: string;
-  org_uuid: string;
-  created: string;
-  updated: string;
-}
-
-export interface PersonFlex {
-  id?: number;
-  unique_name?: string;
-  owner_pubkey?: string;
-  owner_alias?: string;
-  description?: string;
-  img?: string;
-  tags?: string[];
-  pubkey?: string;
-  photo_url?: string;
-  alias?: string;
-  route_hint?: string;
-  contact_key?: string;
-  last_login?: number;
-  price_to_meet?: number;
-  url?: string;
-  verification_signature?: string;
-  extras?: Extras;
-  hide?: boolean;
-}
-
-export interface PersonPost {
-  person: PersonFlex;
-  title?: string;
-  description?: string;
-  created: number;
-}
-
-export interface PersonBounty {
-  person?: any;
-  body?: any;
-  org_uuid?: any;
-  title?: string;
-  description?: string;
-  owner_id: string;
-  created?: number;
-  show?: boolean;
-  assignee?: any;
-  wanted_type: string;
-  type?: string;
-  price?: string;
-  codingLanguage: string;
-  estimated_session_length: string;
-  bounty_expires?: string;
-  commitment_fee?: number;
-}
-
-export type WorkspaceTransactionType = 'deposit' | 'payment' | 'withdraw' | 'failed' | 'pending';
-
-export type PaymentStatus = 'COMPLETED' | 'PENDING' | 'FAILED';
-
-export interface PaymentHistory {
-  id: number;
-  bounty_id: number;
-  amount: number;
-  workspace_uuid: string;
-  sender_name: string;
-  sender_pubkey: string;
-  sender_img: string;
-  receiver_name: string;
-  receiver_pubkey: string;
-  receiver_img: string;
-  created: string;
-  updated: string;
-  payment_type: WorkspaceTransactionType;
-  status: boolean;
-  payment_status?: PaymentStatus;
-  error?: string;
-}
-
-export interface BudgetHistory {
-  id: number;
-  amount: number;
-  org_uuid: string;
-  payment_type: string;
-  created: string;
-  updated: string;
-  sender_pub_key: string;
-  sender_name: string;
-  status: boolean;
-}
-
-export interface PersonOffer {
-  person: PersonFlex;
-  title: string;
-  description: string;
-  created: number;
-}
-
-export interface Jwt {
-  jwt: string;
-}
-
-export interface QueryParams {
-  page?: number;
-  limit?: number;
-  sortBy?: string;
-  direction?: string;
-  search?: string;
-  resetPage?: boolean;
-  languages?: string;
-  org_uuid?: string;
-  provider?: string;
-  workspace?: string;
-  status?: string;
-}
-
-export interface ClaimOnLiquid {
-  asset: number;
-  to: string;
-  amount?: number;
-  memo: string;
-}
-
-export interface LnAuthData {
-  encode: string;
-  k1: string;
-}
-
-export interface LnInvoice {
-  success: boolean;
-  response: {
-    invoice: string;
-  };
-}
-
-export interface Workspace {
-  id: string;
-  uuid: string;
-  name: string;
-  description?: string;
-  github?: string;
-  website?: string;
-  owner_pubkey: string;
-  img: string;
-  mission?: string;
-  tactics?: string;
-  schematic_url?: string;
-  schematic_img?: string;
-  created: string;
-  updated: string;
-  show: boolean;
-  bounty_count?: number;
-  budget?: number;
-  deleted?: boolean;
-}
-
-export interface CreateWorkspaceInput {
-  img: string;
-  name: string;
-  description?: string;
-  github?: string;
-  website?: string;
-}
-
-export interface BountyRoles {
-  name: string;
-}
-
-export interface InvoiceDetails {
-  success: boolean;
-  response: {
-    settled: boolean;
-    payment_request: string;
-    payment_hash: string;
-    preimage: string;
-    amount: number;
-  };
-}
-
-export interface InvoiceError {
-  success: boolean;
-  error: string;
-}
-
-export interface BudgetWithdrawSuccess {
-  success: boolean;
-  response: {
-    success: boolean;
-    response: {
-      payment_request: string;
-    };
-  };
-}
-
-export interface FilterStatusCount {
-  assigned: number;
-  paid: number;
-  open: number;
-}
-
-export interface BountyMetrics {
-  bounties_posted: number;
-  bounties_paid: number;
-  bounties_assigned?: number;
-  bounties_paid_average: number;
-  sats_posted: number;
-  sats_paid: number;
-  sats_paid_percentage: number;
-  average_paid: number;
-  average_completed: number;
-  unique_hunters_paid: number;
-  new_hunters_paid: number;
-  new_hunters: number;
-  new_hunters_by_period: number;
-}
-
-export interface BountyStatus {
-  Open: boolean;
-  Assigned: boolean;
-  Completed: boolean;
-  Paid: boolean;
-  Pending: boolean;
-  Failed: boolean;
-}
-
-export interface WorkspaceBudget {
-  org_uuid: string;
-  current_budget: number;
-  open_budget: number;
-  open_count: number;
-  assigned_budget: number;
-  assigned_count: number;
-  completed_budget: number;
-  completed_count: number;
-}
-
-export interface Feature {
-  id: number;
-  uuid: string;
-  workspace_uuid: string;
-  name: string;
-  brief: string;
-  requirements: string;
-  architecture: string;
-  url: string;
-  priority: number;
-  bounties_count_assigned: number;
-  bounties_count_completed: number;
-  bounties_count_open: number;
-  created: string;
-  updated: string;
-  created_by: string;
-  updated_by: string;
-  feat_status?: string;
-}
-
-export interface FeatureStory {
-  id?: number;
-  uuid: string;
-  feature_uuid: string;
-  description: string;
-  priority: number;
-  created: string;
-  updated: string;
-  created_by: string;
-  updated_by: string;
-}
-export interface CreateFeatureStoryInput {
-  feature_uuid: string;
-  description: string;
-  priority?: number;
-}
-
-export interface UpdateFeatureStoryInput {
-  uuid: string;
-  priority: number;
-}
-
-export interface CreateFeatureInput {
-  uuid?: string;
-  workspace_uuid: string;
-  name?: string;
-  brief?: string;
-  requirements?: string;
-  architecture?: string;
-  priority?: number;
-}
-
-// Default data
-export const defaultWorkspaceBudget: WorkspaceBudget = {
-  org_uuid: '',
-  current_budget: 0,
-  open_budget: 0,
-  open_count: 0,
-  assigned_budget: 0,
-  assigned_count: 0,
-  completed_budget: 0,
-  completed_count: 0
-};
-
-export const defaultWorkspaceBountyStatus: BountyStatus = {
-  Open: false,
-  Assigned: false,
-  Paid: false,
-  Completed: false,
-  Pending: false,
-  Failed: false
-};
-
-export const defaultSuperAdminBountyStatus: BountyStatus = {
-  Open: false,
-  Assigned: false,
-  Completed: false,
-  Paid: false,
-  Pending: false,
-  Failed: false
-};
-
-export const defaultBountyStatus: BountyStatus = {
-  Open: true,
-  Assigned: false,
-  Completed: false,
-  Paid: false,
-  Pending: false,
-  Failed: false
-};
-
-export const queryLimitTribes = 100;
-export const queryLimit = 10;
-export const orgQuerLimit = 500;
-export const paginationQueryLimit = 20;
-export const peopleQueryLimit = 500;
-export const featureLimit = 4;
-export const phaseBountyLimit = 3;
-
-export type TicketStatus =
-  | 'DRAFT'
-  | 'READY'
-  | 'IN_PROGRESS'
-  | 'TEST'
-  | 'DEPLOY'
-  | 'PAY'
-  | 'COMPLETE';
-
-export type Author = 'HUMAN' | 'AGENT';
-
-export interface Ticket {
-  uuid: string;
-  UUID?: string;
-  ticketUUID?: string;
-  feature_uuid: string;
-  phase_uuid: string;
-  name: string;
-  sequence: number;
-  dependency?: string[];
-  description: string;
-  status: TicketStatus;
-  version: number;
-  ticket_group?: string;
-  author?: Author;
-  author_id?: string;
-  created_at?: Date;
-  updated_at?: Date;
-}
-
-export interface CreateTicketInput {
-  feature_uuid: string;
-  phase_uuid: string;
-  name: string;
-  description: string;
-  sequence?: number;
-  dependency?: string[];
-  status?: TicketStatus;
-}
-
-export interface UpdateTicketInput {
-  uuid: string;
-  name?: string;
-  description?: string;
-  sequence?: number;
-  dependency?: string[];
-  status?: TicketStatus;
-  version?: number;
-}
-
-export interface TicketMessage {
-  broadcastType: 'pool' | 'direct';
-  sourceSessionID: string;
-  message: string;
-  action: 'process' | 'message' | 'run-link' | 'swrun';
-  ticketDetails: Ticket;
-}
-
-export interface TicketPayload {
-  metadata: {
-    source: string;
-    id: string;
-  };
-  ticket: Ticket;
-}
-
-export type ChatRole = 'user' | 'assistant';
-export type ChatStatus = 'sending' | 'sent' | 'error';
-export type ContextTagType = 'productBrief' | 'featureBrief' | 'schematic';
-export type ChatSource = 'user' | 'agent';
-export type BountyCardStatus = 'Todo' | 'Assigned' | 'Complete' | 'Paid';
-
-export interface ContextTag {
-  type: ContextTagType;
-  id: string;
-}
-
-export interface ChatMessage {
-  id: string;
-  chat_id?: string;
-  chatId?: string;
-  message: string;
-  role: ChatRole;
-  timestamp: string | Date;
-  context_tags?: ContextTag[];
-  contextTags?: ContextTag[];
-  status: ChatStatus;
-  source: ChatSource;
-  sourceWebsocketID?: string;
-  workspaceUUID?: string;
-}
-
-export interface Chat {
-  id: string;
-  workspaceId: string;
-  title: string;
-  createdAt: string;
-  updatedAt: string;
-}
-
-export interface CodeGraph {
-  id?: number;
-  uuid: string;
-  workspace_uuid: string;
-  name: string;
-  url: string;
-  created?: string;
-  updated?: string;
-}
-
-export interface BountyCard {
-  id: string;
-  title: string;
-  features: Feature;
-  phase: Phase;
-  workspace: Workspace;
-  assignee_img?: string;
-}
-
-export interface BountyCard {
-  id: string;
-  title: string;
-  features: Feature;
-  phase: Phase;
-  workspace: Workspace;
-  assignee_img?: string;
-  status?: BountyCardStatus;
-  paid?: boolean;
-  completed?: boolean;
-  payment_pending?: boolean;
-  assignee?: string;
-}
-
-export type BountyReviewStatus = 'New' | 'Accepted' | 'Rejected' | 'Change Requested';
-
-export interface ProofOfWork {
-  id: string;
-  bountyId: string;
-  description: string;
-  status: BountyReviewStatus;
-  submittedAt: string;
-}
-
-export interface BountyTiming {
-  totalWorkTimeSeconds: number;
-  totalAttempts: number;
-  firstAssignedAt: string | null;
-  lastPoWAt: string | null;
-  closedAt: string | null;
-}
+import { Phase } from 'people/widgetViews/workspace/interface';
+import { Extras } from '../components/form/inputs/widgets/interfaces';
+
+export interface Tribe {
+  uuid: string;
+  name: string;
+  unique_name: string;
+  owner: string;
+  pubkey: string; // group encryption key
+  price: number;
+  img: string;
+  tags: string[];
+  description: string;
+  member_count: number;
+  last_active: number;
+  matchCount?: number; // for tag search
+}
+
+export interface Bot {
+  id?: number;
+  uuid: string;
+  name: string;
+  owner_pubkey: string;
+  unique_name: string;
+  price_per_use: number;
+  created: string;
+  updated: string;
+  unlisted: boolean;
+  deleted: boolean;
+  owner_route_hint: string;
+  owner: string;
+  pubkey: string; // group encryption key
+  price: number;
+  img: string;
+  tags: string[];
+  description: string;
+  member_count: number;
+  hide?: boolean;
+}
+
+export interface Person {
+  id: number;
+  unique_name: string;
+  owner_pubkey: string;
+  uuid: string;
+  owner_alias: string;
+  description: string;
+  img: string;
+  tags: string[];
+  pubkey?: string;
+  photo_url: string;
+  alias: string;
+  route_hint: string;
+  owner_route_hint?: string;
+  contact_key: string;
+  price_to_meet: number;
+  last_login?: number;
+  url: string;
+  verification_signature: string;
+  extras: Extras;
+  hide?: boolean;
+  commitment_fee?: number;
+  assigned_hours?: number;
+  bounty_expires?: number;
+}
+
+export interface WorkspaceUser {
+  id: number;
+  owner_pubkey: string;
+  org_uuid: string;
+  created: string;
+  updated: string;
+}
+
+export interface PersonFlex {
+  id?: number;
+  unique_name?: string;
+  owner_pubkey?: string;
+  owner_alias?: string;
+  description?: string;
+  img?: string;
+  tags?: string[];
+  pubkey?: string;
+  photo_url?: string;
+  alias?: string;
+  route_hint?: string;
+  contact_key?: string;
+  last_login?: number;
+  price_to_meet?: number;
+  url?: string;
+  verification_signature?: string;
+  extras?: Extras;
+  hide?: boolean;
+}
+
+export interface PersonPost {
+  person: PersonFlex;
+  title?: string;
+  description?: string;
+  created: number;
+}
+
+export interface PersonBounty {
+  person?: any;
+  body?: any;
+  org_uuid?: any;
+  title?: string;
+  description?: string;
+  owner_id: string;
+  created?: number;
+  show?: boolean;
+  assignee?: any;
+  wanted_type: string;
+  type?: string;
+  price?: string;
+  codingLanguage: string;
+  estimated_session_length: string;
+  bounty_expires?: string;
+  commitment_fee?: number;
+}
+
+export type WorkspaceTransactionType = 'deposit' | 'payment' | 'withdraw' | 'failed' | 'pending';
+
+export type PaymentStatus = 'COMPLETED' | 'PENDING' | 'FAILED';
+
+export interface PaymentHistory {
+  id: number;
+  bounty_id: number;
+  amount: number;
+  workspace_uuid: string;
+  sender_name: string;
+  sender_pubkey: string;
+  sender_img: string;
+  receiver_name: string;
+  receiver_pubkey: string;
+  receiver_img: string;
+  created: string;
+  updated: string;
+  payment_type: WorkspaceTransactionType;
+  status: boolean;
+  payment_status?: PaymentStatus;
+  error?: string;
+}
+
+export interface BudgetHistory {
+  id: number;
+  amount: number;
+  org_uuid: string;
+  payment_type: string;
+  created: string;
+  updated: string;
+  sender_pub_key: string;
+  sender_name: string;
+  status: boolean;
+}
+
+export interface PersonOffer {
+  person: PersonFlex;
+  title: string;
+  description: string;
+  created: number;
+}
+
+export interface Jwt {
+  jwt: string;
+}
+
+export interface QueryParams {
+  page?: number;
+  limit?: number;
+  sortBy?: string;
+  direction?: string;
+  search?: string;
+  resetPage?: boolean;
+  languages?: string;
+  org_uuid?: string;
+  provider?: string;
+  workspace?: string;
+  status?: string;
+}
+
+export interface ClaimOnLiquid {
+  asset: number;
+  to: string;
+  amount?: number;
+  memo: string;
+}
+
+export interface LnAuthData {
+  encode: string;
+  k1: string;
+}
+
+export interface LnInvoice {
+  success: boolean;
+  response: {
+    invoice: string;
+  };
+}
+
+export interface Workspace {
+  id: string;
+  uuid: string;
+  name: string;
+  description?: string;
+  github?: string;
+  website?: string;
+  owner_pubkey: string;
+  img: string;
+  mission?: string;
+  tactics?: string;
+  schematic_url?: string;
+  schematic_img?: string;
+  created: string;
+  updated: string;
+  show: boolean;
+  bounty_count?: number;
+  budget?: number;
+  deleted?: boolean;
+}
+
+export interface CreateWorkspaceInput {
+  img: string;
+  name: string;
+  description?: string;
+  github?: string;
+  website?: string;
+}
+
+export interface BountyRoles {
+  name: string;
+}
+
+export interface InvoiceDetails {
+  success: boolean;
+  response: {
+    settled: boolean;
+    payment_request: string;
+    payment_hash: string;
+    preimage: string;
+    amount: number;
+  };
+}
+
+export interface InvoiceError {
+  success: boolean;
+  error: string;
+}
+
+export interface BudgetWithdrawSuccess {
+  success: boolean;
+  response: {
+    success: boolean;
+    response: {
+      payment_request: string;
+    };
+  };
+}
+
+export interface FilterStatusCount {
+  assigned: number;
+  paid: number;
+  open: number;
+}
+
+export interface BountyMetrics {
+  bounties_posted: number;
+  bounties_paid: number;
+  bounties_assigned?: number;
+  bounties_paid_average: number;
+  sats_posted: number;
+  sats_paid: number;
+  sats_paid_percentage: number;
+  average_paid: number;
+  average_completed: number;
+  unique_hunters_paid: number;
+  new_hunters_paid: number;
+  new_hunters: number;
+  new_hunters_by_period: number;
+}
+
+export interface BountyStatus {
+  Open: boolean;
+  Assigned: boolean;
+  Completed: boolean;
+  Paid: boolean;
+  Pending: boolean;
+  Failed: boolean;
+}
+
+export interface WorkspaceBudget {
+  org_uuid: string;
+  current_budget: number;
+  open_budget: number;
+  open_count: number;
+  assigned_budget: number;
+  assigned_count: number;
+  completed_budget: number;
+  completed_count: number;
+}
+
+export interface Feature {
+  id: number;
+  uuid: string;
+  workspace_uuid: string;
+  name: string;
+  brief: string;
+  requirements: string;
+  architecture: string;
+  url: string;
+  priority: number;
+  bounties_count_assigned: number;
+  bounties_count_completed: number;
+  bounties_count_open: number;
+  created: string;
+  updated: string;
+  created_by: string;
+  updated_by: string;
+  feat_status?: string;
+}
+
+export interface FeatureStory {
+  id?: number;
+  uuid: string;
+  feature_uuid: string;
+  description: string;
+  priority: number;
+  created: string;
+  updated: string;
+  created_by: string;
+  updated_by: string;
+}
+export interface CreateFeatureStoryInput {
+  feature_uuid: string;
+  description: string;
+  priority?: number;
+}
+
+export interface UpdateFeatureStoryInput {
+  uuid: string;
+  priority: number;
+}
+
+export interface CreateFeatureInput {
+  uuid?: string;
+  workspace_uuid: string;
+  name?: string;
+  brief?: string;
+  requirements?: string;
+  architecture?: string;
+  priority?: number;
+}
+
+// Default data
+export const defaultWorkspaceBudget: WorkspaceBudget = {
+  org_uuid: '',
+  current_budget: 0,
+  open_budget: 0,
+  open_count: 0,
+  assigned_budget: 0,
+  assigned_count: 0,
+  completed_budget: 0,
+  completed_count: 0
+};
+
+export const defaultWorkspaceBountyStatus: BountyStatus = {
+  Open: false,
+  Assigned: false,
+  Paid: false,
+  Completed: false,
+  Pending: false,
+  Failed: false
+};
+
+export const defaultSuperAdminBountyStatus: BountyStatus = {
+  Open: false,
+  Assigned: false,
+  Completed: false,
+  Paid: false,
+  Pending: false,
+  Failed: false
+};
+
+export const defaultBountyStatus: BountyStatus = {
+  Open: true,
+  Assigned: false,
+  Completed: false,
+  Paid: false,
+  Pending: false,
+  Failed: false
+};
+
+export const queryLimitTribes = 100;
+export const queryLimit = 10;
+export const orgQuerLimit = 500;
+export const paginationQueryLimit = 20;
+export const peopleQueryLimit = 500;
+export const featureLimit = 4;
+export const phaseBountyLimit = 3;
+
+export type TicketStatus =
+  | 'DRAFT'
+  | 'READY'
+  | 'IN_PROGRESS'
+  | 'TEST'
+  | 'DEPLOY'
+  | 'PAY'
+  | 'COMPLETE';
+
+export type Author = 'HUMAN' | 'AGENT';
+
+export interface Ticket {
+  uuid: string;
+  UUID?: string;
+  ticketUUID?: string;
+  feature_uuid: string;
+  phase_uuid: string;
+  name: string;
+  sequence: number;
+  dependency?: string[];
+  description: string;
+  status: TicketStatus;
+  version: number;
+  ticket_group?: string;
+  author?: Author;
+  author_id?: string;
+  created_at?: Date;
+  updated_at?: Date;
+}
+
+export interface CreateTicketInput {
+  feature_uuid: string;
+  phase_uuid: string;
+  name: string;
+  description: string;
+  sequence?: number;
+  dependency?: string[];
+  status?: TicketStatus;
+}
+
+export interface UpdateTicketInput {
+  uuid: string;
+  name?: string;
+  description?: string;
+  sequence?: number;
+  dependency?: string[];
+  status?: TicketStatus;
+  version?: number;
+}
+
+export interface TicketMessage {
+  broadcastType: 'pool' | 'direct';
+  sourceSessionID: string;
+  message: string;
+  action: 'process' | 'message' | 'run-link' | 'swrun';
+  ticketDetails: Ticket;
+}
+
+export interface TicketPayload {
+  metadata: {
+    source: string;
+    id: string;
+  };
+  ticket: Ticket;
+}
+
+export type ChatRole = 'user' | 'assistant';
+export type ChatStatus = 'sending' | 'sent' | 'error';
+export type ContextTagType = 'productBrief' | 'featureBrief' | 'schematic';
+export type ChatSource = 'user' | 'agent';
+export type BountyCardStatus = 'Todo' | 'Assigned' | 'Complete' | 'Paid';
+
+export interface ContextTag {
+  type: ContextTagType;
+  id: string;
+}
+
+export interface ChatMessage {
+  id: string;
+  chat_id?: string;
+  chatId?: string;
+  message: string;
+  role: ChatRole;
+  timestamp: string | Date;
+  context_tags?: ContextTag[];
+  contextTags?: ContextTag[];
+  status: ChatStatus;
+  source: ChatSource;
+  sourceWebsocketID?: string;
+  workspaceUUID?: string;
+}
+
+export interface Chat {
+  id: string;
+  workspaceId: string;
+  title: string;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export interface CodeGraph {
+  id?: number;
+  uuid: string;
+  workspace_uuid: string;
+  name: string;
+  url: string;
+  created?: string;
+  updated?: string;
+}
+
+export interface BountyCard {
+  id: string;
+  title: string;
+  features: Feature;
+  phase: Phase;
+  workspace: Workspace;
+  assignee_img?: string;
+}
+
+export interface BountyCard {
+  id: string;
+  title: string;
+  features: Feature;
+  phase: Phase;
+  workspace: Workspace;
+  assignee_img?: string;
+  status?: BountyCardStatus;
+  paid?: boolean;
+  completed?: boolean;
+  payment_pending?: boolean;
+  assignee?: string;
+}
+
+export type BountyReviewStatus = 'New' | 'Accepted' | 'Rejected' | 'Change Requested';
+
+export interface ProofOfWork {
+  id: string;
+  bountyId: string;
+  description: string;
+  status: BountyReviewStatus;
+  submittedAt: string;
+}
+
+export interface BountyTiming {
+  totalWorkTimeSeconds: number;
+  totalAttempts: number;
+  firstAssignedAt: string | null;
+  lastPoWAt: string | null;
+  closedAt: string | null;
+}
+
+export interface CreateBountyResponse {
+  bounty_id: number;
+  success: boolean;
+  message?: string;
+}
diff --git a/src/store/main.ts b/src/store/main.ts
index 1903e546..f8605d15 100644
--- a/src/store/main.ts
+++ b/src/store/main.ts
@@ -48,7 +48,8 @@ import {
   CreateFeatureStoryInput,
   TicketPayload,
   Ticket,
-  CodeGraph
+  CodeGraph,
+  CreateBountyResponse
 } from './interface';
 
 function makeTorSaveURL(host: string, key: string) {
@@ -3930,6 +3931,31 @@ export class MainStore {
       return null;
     }
   }
+
+  async createBountyFromTicket(ticketUuid: string): Promise<CreateBountyResponse | null> {
+    try {
+      const info = uiStore.meInfo;
+      if (!info) return null;
+
+      const response = await fetch(`${TribesURL}/bounties/ticket/${ticketUuid}/bounty`, {
+        method: 'POST',
+        mode: 'cors',
+        headers: {
+          'x-jwt': info.tribe_jwt,
+          'Content-Type': 'application/json'
+        }
+      });
+
+      if (!response.ok) {
+        throw new Error('Failed to create bounty');
+      }
+
+      return response.json();
+    } catch (error) {
+      console.error('Error creating bounty:', error);
+      return null;
+    }
+  }
 }
 
 export const mainStore = new MainStore();

From 3339a61f373ab061a78e409b86e9ae716c3aa22d Mon Sep 17 00:00:00 2001
From: Shoaibdev7 <shoaibdev7@gmail.com>
Date: Sat, 4 Jan 2025 06:36:51 +0500
Subject: [PATCH 24/24] feat: improve workspace planner UI layout and
 responsiveness

---
 src/people/WorkSpacePlanner/BountyCard/index.tsx           | 7 +++++--
 .../WorkSpacePlanner/WorkspacePlannerHeader/index.tsx      | 2 +-
 src/people/WorkSpacePlanner/index.tsx                      | 3 +--
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/people/WorkSpacePlanner/BountyCard/index.tsx b/src/people/WorkSpacePlanner/BountyCard/index.tsx
index 4a99d351..3357c0af 100644
--- a/src/people/WorkSpacePlanner/BountyCard/index.tsx
+++ b/src/people/WorkSpacePlanner/BountyCard/index.tsx
@@ -46,7 +46,6 @@ const AssignerPic = styled.div`
   height: 40px;
   border-radius: 50%;
   overflow: hidden;
-  background-color: ${colors.light.red1};
   display: flex;
   justify-content: center;
   align-items: center;
@@ -127,7 +126,11 @@ const BountyCardComponent: React.FC<BountyCardProps> = ({
       >
         {title}
       </CardTitle>
-      <AssignerPic>{assignee_img ? <img src={assignee_img} alt="Assigner" /> : 'Pic'}</AssignerPic>
+      {assignee_img && (
+        <AssignerPic>
+          <img src={assignee_img} alt="Assigner" />
+        </AssignerPic>
+      )}
     </CardHeader>
 
     <RowT>
diff --git a/src/people/WorkSpacePlanner/WorkspacePlannerHeader/index.tsx b/src/people/WorkSpacePlanner/WorkspacePlannerHeader/index.tsx
index 756782dd..73eb2a7f 100644
--- a/src/people/WorkSpacePlanner/WorkspacePlannerHeader/index.tsx
+++ b/src/people/WorkSpacePlanner/WorkspacePlannerHeader/index.tsx
@@ -151,7 +151,7 @@ export const WorkspacePlannerHeader = observer(
         <FillContainer>
           <Header>
             <Leftheader>
-              <ImageContainer src={img} width="72px" height="72px" alt="workspace icon" />
+              {img && <ImageContainer src={img} width="72px" height="72px" alt="workspace icon" />}
               <CompanyNameAndLink>
                 <CompanyLabel>{name}</CompanyLabel>
                 <UrlButtonContainer data-testid="url-button-container">
diff --git a/src/people/WorkSpacePlanner/index.tsx b/src/people/WorkSpacePlanner/index.tsx
index 50672670..d3db1d2f 100644
--- a/src/people/WorkSpacePlanner/index.tsx
+++ b/src/people/WorkSpacePlanner/index.tsx
@@ -34,7 +34,7 @@ const ColumnsContainer = styled.div`
   padding: 1rem;
   overflow-x: auto;
   background: whote;
-  height: 600px !important;
+  height: calc(100vh - 200px) !important;
 
   &::-webkit-scrollbar {
     height: 7px;
@@ -204,7 +204,6 @@ const WorkspacePlanner = observer(() => {
         setFilterToggle={setFilterToggle}
       />
       <ContentArea>
-        <h1>Welcome to the new Workspace Planner</h1>
         <ColumnsContainer>
           {COLUMN_CONFIGS.map(({ id, title }: { id: string; title: string }) => (
             <Column key={id}>