imcp 0.1.3 → 0.1.5

package/src/web/public/css/notifications.css

@@ -1,101 +0,0 @@
-/* Alert container */
-.alert-container {
-    z-index: 999999; /* Extremely high to appear above modals */
-    position: fixed;
-    top: 20px; /* Adjusted for top-right positioning */
-    right: 20px; /* Adjusted for top-right positioning */
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end; /* Align items to the right */
-    gap: 10px;
-    pointer-events: none; /* Allow clicking through the container */
-    max-width: 350px; /* Max width for the container */
-}
-
-.alert {
-    min-width: 300px; /* Adjusted min-width */
-    max-width: 100%;   /* Alert can take full width of container */
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* Softer shadow */
-    backdrop-filter: blur(8px);
-    border-width: 1px; /* Thinner border */
-    border-radius: 8px; /* Rounded corners */
-    pointer-events: auto; /* Re-enable pointer events for alerts */
-    padding: 12px 20px; /* Adjusted padding */
-    font-size: 0.95rem; /* Slightly smaller font size */
-    font-weight: 500;
-    display: flex; /* For icon and text alignment */
-    align-items: center; /* Vertically center icon and text */
-    opacity: 0; /* Start hidden for animation */
-    transform: translateX(100%); /* Start off-screen for slide-in */
-    transition: opacity 0.3s ease-out, transform 0.3s ease-out; /* Smooth animation */
-}
-
-.alert.show {
-    opacity: 1;
-    transform: translateX(0);
-}
-
-.alert:first-child {
-    margin-top: 0;
-}
-
-.alert-icon {
-    margin-right: 10px; /* Space between icon and text */
-    font-size: 1.2rem; /* Icon size */
-}
-
-.alert.alert-success {
-    background-color: rgba(30, 136, 229, 0.9); /* Blue for success */
-    border-color: #1e88e5;
-    color: white;
-}
-
-.alert.alert-error {
-    background-color: rgba(229, 57, 53, 0.9); /* Red for error */
-    border-color: #e53935;
-    color: white;
-}
-
-.alert.alert-info {
-    background-color: rgba(2, 136, 209, 0.9); /* Light blue for info */
-    border-color: #0288d1;
-    color: white;
-}
-
-.alert.alert-warning {
-    background-color: rgba(251, 192, 45, 0.9); /* Yellow for warning */
-    border-color: #fbc02d;
-    color: #333; /* Darker text for better contrast on yellow */
-}
-
-.alert .btn-close {
-    filter: brightness(0) invert(1);
-    opacity: 0.8;
-    padding: 0.75rem;
-    margin-left: auto; /* Push close button to the right */
-}
-
-.alert.alert-warning .btn-close {
-    filter: none; /* No filter for warning close button for better visibility */
-}
-
-
-/* When modal is open, add backdrop to alerts */
-.modal.show ~ .alert-container .alert {
-    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
-    backdrop-filter: blur(12px);
-}
-
-/* Modal customization */
-.modal-content {
-    border: none;
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-}
-
-.modal-header {
-    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
-}
-
-.modal-footer {
-    border-top: 1px solid rgba(0, 0, 0, 0.05);
-}

package/src/web/public/css/onboard.css

@@ -1,107 +0,0 @@
-/* Onboarding form styles */
-.requirement-item,
-.server-item {
-    background-color: #ffffff;
-    transition: all 0.2s ease;
-}
-
-.requirement-item:hover,
-.server-item:hover {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
-}
-
-.registry-config,
-.installation-config,
-.env-variables {
-    background-color: #f9fafb;
-    border-radius: 0.5rem;
-    padding: 0.75rem; /* Reduced padding */
-    margin-top: 0.75rem; /* Reduced margin-top */
-}
-
-.registry-github,
-.registry-artifacts {
-    background-color: #ffffff;
-    border-radius: 0.5rem;
-    padding: 0.75rem; /* Reduced padding */
-}
-
-/* Order field styling */
-input[type="number"][name$=".order"] {
-    -moz-appearance: textfield;
-}
-
-input[type="number"][name$=".order"]::-webkit-outer-spin-button,
-input[type="number"][name$=".order"]::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-}
-
-input[type="number"][name$=".order"]:focus {
-    border-color: #3b82f6;
-    outline: none;
-    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
-}
-
-/* Collapsible sections */
-.collapsible-content {
-  overflow: hidden;
-  transition: max-height 0.3s ease-out, opacity 0.3s ease-out, padding 0.3s ease-out, margin 0.3s ease-out;
-  opacity: 1;
-  max-height: 1000px; /* Adjust as needed, should be larger than the content */
-}
-
-.collapsible-content.hidden {
-  max-height: 0;
-  opacity: 0;
-  padding-top: 0 !important; /* Use important to override potential inline styles or more specific selectors */
-  padding-bottom: 0 !important;
-  margin-top: 0 !important;
-  margin-bottom: 0 !important; /* Ensure bottom margin also collapses */
-  border-top-width: 0;
-  border-bottom-width: 0;
-  overflow: hidden; /* Ensure content is clipped during transition */
-}
-
-/* Styling for the clickable header of collapsible sections */
-.collapsible-header {
-  cursor: pointer;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.collapsible-header i {
-  transition: transform 0.3s ease;
-}
-
-.collapsible-content.hidden + .collapsible-header i {
-  transform: rotate(-90deg);
-}
-
-/* Specific styling for scrollable server content */
-.server-content-scrollable {
-  /* This max-height is for when the section is *expanded*.
-     The .collapsible-content.hidden will still set max-height to 0 for collapse.
-     The general .collapsible-content max-height is a fallback for other sections.
-  */
-  max-height: 60vh; /* Reduced max-height for compactness */
-  overflow-y: auto; /* Add vertical scrollbar when content exceeds max-height */
-  padding-right: 0.5rem; /* Add a little padding so scrollbar doesn't overlap content too much */
-  /* Ensure it inherits or has its own transitions for smooth animation */
-  transition: max-height 0.3s ease-out, opacity 0.3s ease-out, padding 0.3s ease-out, margin 0.3s ease-out;
-  opacity: 1; /* Explicitly set opacity for visible state */
-}
-
-/* Ensure that when server-content-scrollable is hidden, its specific max-height is overridden */
-.server-content-scrollable.hidden {
-    max-height: 0 !important; /* Override the 60vh for hidden state */
-    opacity: 0 !important; /* Ensure opacity transition for hidden state */
-    overflow-y: hidden; /* Hide scrollbar when collapsed */
-    padding-top: 0 !important;
-    padding-bottom: 0 !important;
-    padding-left: 0 !important; /* Ensure all paddings are zeroed */
-    padding-right: 0 !important;
-    margin-top: 0 !important;
-    margin-bottom: 0 !important;
-}

package/src/web/public/css/serverCategoryList.css

@@ -1,120 +0,0 @@
-/* Server Category List Styles */
-.category-toggle {
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    color: #4b5563; /* gray-600 */
-    transition: all 0.2s;
-}
-
-.category-toggle:hover {
-    color: #1e40af; /* blue-800 */
-}
-
-.category-toggle i {
-    font-size: 1.25rem;
-    transition: transform 0.2s;
-}
-
-.category-toggle.collapsed i {
-    transform: rotate(-90deg);
-}
-
-.server-list-container {
-    transition: height 0.3s ease, opacity 0.3s ease, margin 0.3s ease;
-    overflow: hidden;
-}
-
-.server-list-container.collapsed {
-    height: 0 !important;
-    opacity: 0;
-    margin-top: 0;
-    margin-bottom: 0;
-}
-
-.category-section {
-    margin-bottom: 1rem;
-    border-bottom: 1px solid #e5e7eb; /* gray-200 */
-    padding-bottom: 0.5rem;
-}
-
-.category-section:last-child {
-    border-bottom: none;
-    margin-bottom: 0;
-}
-
-.category-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 0.5rem;
-}
-
-/* Pin button styles */
-.pin-button {
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    color: #9ca3af; /* gray-400 */
-    margin-right: 8px;
-    transition: all 0.2s ease;
-}
-
-.pin-button:hover {
-    color: #4b5563; /* gray-600 */
-}
-
-.pin-button.pinned {
-    color: #2563eb; /* blue-600 */
-}
-
-.pin-button.pinned:hover {
-    color: #1d4ed8; /* blue-700 */
-}
-
-/* Pinned server section */
-.server-item.pinned {
-    border-left: 3px solid #2563eb; /* blue-600 */
-    background-color: #f0f7ff; /* very light blue */
-    position: relative;
-    transition: all 0.2s ease-in-out;
-}
-
-/* Pin animation */
-.server-item {
-    transition: transform 0.3s ease, border-left 0.2s ease, background-color 0.2s ease;
-}
-
-/* Visual indicator for pinned items at the top */
-.server-item.pinned::before {
-    content: "";
-    position: absolute;
-    top: -3px;
-    left: 0;
-    right: 0;
-    height: 3px;
-    background-color: #2563eb; /* blue-600 */
-    opacity: 0;
-    transition: opacity 0.2s ease;
-}
-
-/* Show top indicator for the first pinned item */
-.server-item.pinned:first-child::before {
-    opacity: 1;
-}
-
-/* Add hover effect to pinned items */
-.server-item.pinned:hover {
-    background-color: #e6f0ff; /* slightly darker on hover */
-}
-
-/* Pin animation effect */
-@keyframes pin-animation {
-    0% { transform: scale(1); }
-    50% { transform: scale(1.03); }
-    100% { transform: scale(1); }
-}
-
-.pin-animation {
-    animation: pin-animation 0.3s ease;
-}

package/src/web/public/css/serverDetails.css

@@ -1,139 +0,0 @@
-/* Server item container */
-.server-item-content {
-    cursor: pointer;
-    position: relative;
-    transition: all 0.2s ease;
-    border: 1px solid #e5e7eb;
-    border-radius: 0.5rem;
-    padding: 1rem;
-    padding-right: calc(120px + 3rem); /* Button width + spacing */
-    box-sizing: border-box;
-    background-color: #ffffff;
-    z-index: 1;
-    margin-bottom: 1rem;
-    width: 100%;
-    max-width: 100%;
-    overflow: visible;
-}
-
-.server-item-content:hover {
-    border-color: transparent;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-    transform: translateY(-1px);
-}
-
-/* Details widget */
-.details-widget {
-    max-height: 0;
-    overflow: hidden;
-    transition: max-height 0.3s ease-out;
-    background-color: #f8fafc;
-    border-radius: 0 0 0.5rem 0.5rem;
-    margin: -1px 0 0;
-    border: 1px solid #e5e7eb;
-    border-top: none;
-    position: relative;
-    z-index: 0;
-    width: 100%;
-    max-width: 100%;
-    box-sizing: border-box;
-    left: 0;
-    right: 0;
-}
-
-.details-widget.expanded {
-    max-height: 2000px; /* Increased height to accommodate more content */
-    border-color: transparent;
-    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
-    transition: max-height 0.3s ease-in-out, box-shadow 0.2s ease;
-    width: 100%;
-    margin-left: 0;
-    margin-right: 0;
-    display: block;
-}
-
-.details-widget-content {
-    padding: 1rem;
-    width: 100%;
-    box-sizing: border-box;
-}
-
-.description-text {
-    color: #4b5563;
-    line-height: 1.5;
-    font-size: 0.875rem;
-}
-
-/* Expand/collapse animation */
-.server-item-content.expanded {
-    border-bottom: none;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-color: transparent;
-    box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.08);
-    margin-bottom: 0;
-}
-
-/* Server item layout */
-.server-item-info {
-    width: 100%;
-}
-
-.server-item-header {
-    margin-bottom: 1rem;
-}
-
-.server-item-header h5 {
-    margin-bottom: 0.5rem;
-}
-
-/* Client status section */
-.flex-wrap {
-    margin: -0.25rem; /* Negative margin to offset badge spacing */
-}
-
-.flex-wrap > * {
-    margin: 0.25rem; /* Even spacing between badges */
-}
-
-/* Install/Uninstall button section */
-.action-buttons {
-    position: absolute;
-    right: 1rem;
-    top: calc(2rem + 0.5rem); /* Align with description text (header height + margin-bottom) */
-    margin: 0;
-    z-index: 2; /* Ensure buttons stay on top */
-}
-
-.action-buttons button {
-    min-width: 100px;
-    padding: 0.5rem 1.5rem;
-    text-align: center;
-    font-weight: 600;
-    transition: none; /* No delay for hover effect */
-    white-space: nowrap;
-}
-
-/* Update button (orange) */
-.btn-update {
-    background-color: #fb923c; /* orange-400 */
-    color: #fff;
-    border: none;
-}
-.btn-update:hover, .btn-update:focus {
-    background-color: #f97316; /* orange-500 */
-    color: #fff;
-    border: none;
-    box-shadow: 0 0 0 2px #fed7aa;
-}
-
-/* Status badges */
-.server-item-info .flex-wrap span {
-    display: inline-flex;
-    align-items: center;
-    padding: 0.375rem 0.75rem;
-    border-radius: 9999px;
-    font-size: 0.75rem;
-    line-height: 1;
-    white-space: nowrap;
-}