From e7b2965cef2637e4a9d740f3e6dde2cb85482bcc Mon Sep 17 00:00:00 2001
From: mario <dev.mario@sismedika@gmail.com>
Date: Wed, 11 Jun 2025 19:50:25 +0700
Subject: [PATCH] adjust scroll area expertise | deploy sudirman

---
 extensions/default/src/ViewerLayout/index.tsx |  1 +
 platform/app/public/config/default.js         | 21 ++++---------------
 .../src/components/SidePanel/SidePanel.tsx    | 11 +++++++---
 3 files changed, 13 insertions(+), 20 deletions(-)

diff --git a/extensions/default/src/ViewerLayout/index.tsx b/extensions/default/src/ViewerLayout/index.tsx
index e19a24c..aa86482 100644
--- a/extensions/default/src/ViewerLayout/index.tsx
+++ b/extensions/default/src/ViewerLayout/index.tsx
@@ -146,6 +146,7 @@ function ViewerLayout({
               side="right"
               activeTabIndex={rightPanelClosedState ? null : 0}
               servicesManager={servicesManager}
+              expandedWidth={400}
             />
           ) : null}
         </React.Fragment>
diff --git a/platform/app/public/config/default.js b/platform/app/public/config/default.js
index 60b4ee4..be661ca 100644
--- a/platform/app/public/config/default.js
+++ b/platform/app/public/config/default.js
@@ -24,22 +24,10 @@ window.config = {
     prefetch: 25,
   },
   expertise: false, //* Tambahan untuk enable expertise (CustomizableViewportOverlay)
-  expertise_host: `http://192.168.1.29`, //* Tambahan untuk fetch data Expertise)
-  pacs_document_host: `192.168.1.29`,
+  expertise_host: `http://192.168.2.13`, // IP ke NV di PACS Server, untuk fetch expertise bawaan versi NV
+  pacs_document_host: `192.168.2.13`, // IP ke NV di PACS Server untuk ambil pdf
   pacs_document_port: 8080,
-  // filterQueryParam: false,
-  // defaultDataSourceName: 'dicomweb',
   defaultDataSourceName: 'local-proxy',
-  /* Dynamic config allows user to pass "configUrl" query string this allows to load config without recompiling application. The regex will ensure valid configuration source */
-  // dangerouslyUseDynamicConfig: {
-  //   enabled: true,
-  //   // regex will ensure valid configuration source and default is /.*/ which matches any character. To use this, setup your own regex to choose a specific source of configuration only.
-  //   // Example 1, to allow numbers and letters in an absolute or sub-path only.
-  //   // regex: /(0-9A-Za-z.]+)(\/[0-9A-Za-z.]+)*/
-  //   // Example 2, to restricts to either hosptial.com or othersite.com.
-  //   // regex: /(https:\/\/hospital.com(\/[0-9A-Za-z.]+)*)|(https:\/\/othersite.com(\/[0-9A-Za-z.]+)*)/
-  //   regex: /.*/,
-  // },
   dataSources: [
     {
       namespace: '@ohif/extension-default.dataSourcesModule.dicomweb',
@@ -47,9 +35,8 @@ window.config = {
       configuration: {
         friendlyName: 'Static WADO Local Data',
         name: 'DCM4CHEE',
-        qidoRoot: `http://192.168.1.29:5000/rs`,
-        wadoRoot: `http://192.168.1.29:5000/rs`,
-        qidoSupportsIncludeField: false,
+        qidoRoot: `http://192.168.2.13:5000/rs`, // IP ke dicomweb-proxy PACS Server. URI selalu /rs
+        wadoRoot: `http://192.168.2.13:5000/rs`, // IP ke dicomweb-proxy PACS Server. URI selalu /rs      qidoSupportsIncludeField: false,
         supportsReject: true,
         supportsStow: true,
         imageRendering: 'wadors',
diff --git a/platform/ui-next/src/components/SidePanel/SidePanel.tsx b/platform/ui-next/src/components/SidePanel/SidePanel.tsx
index 71d6f37..c474480 100644
--- a/platform/ui-next/src/components/SidePanel/SidePanel.tsx
+++ b/platform/ui-next/src/components/SidePanel/SidePanel.tsx
@@ -441,7 +441,7 @@ const SidePanel = ({
     });
 
     return (
-      <ScrollArea className="border-input bg-background h-[500px] w-[350px] rounded-md border p-2 text-sm text-white">
+      <ScrollArea className="border-input bg-background h-[500px] w-full rounded-md border p-2 text-sm text-white">
         <h3 className="mb-4 text-lg font-bold">Expertise</h3>
         {formattedData.map((section, index) => (
           <div
@@ -452,11 +452,16 @@ const SidePanel = ({
             {Array.isArray(section.value) ? (
               <ul className="list-disc pl-6">
                 {section.value.map((item, idx) => (
-                  <li key={idx}>{item}</li>
+                  <li
+                    key={idx}
+                    className="break-words"
+                  >
+                    {item}
+                  </li>
                 ))}
               </ul>
             ) : (
-              <p>{section.value}</p>
+              <p className="break-words">{section.value}</p>
             )}
           </div>
         ))}