chore: init commit

in worker.../repo/GITFOLDER.zip is the .git folder.

worker-toolkit-stocks-in-the-future/repo/app/assets/tailwind/admin.css

@@ -0,0 +1,21 @@
+@layer components {
+  .filter-tabs        { @apply flex border-b border-gray-200 mr-8; }
+
+  .filter-tab,
+  .filter-tab:link,
+  .filter-tab:visited {
+    @apply px-4 py-2 text-sm font-medium no-underline border-b-2 border-transparent transition;
+    color: #4b5563 !important;
+  }
+
+  .filter-tab:hover   { background-color: #f9fafb !important; color: #374151 !important; }
+
+  .filter-tab:focus   { outline: none !important; background-color: #f3f4f6 !important; color: #4b5563 !important; }
+
+  .filter-tab.active  { border-bottom-color: #2563eb !important; color: #2563eb !important; }
+
+  .header-controls    { @apply flex items-center justify-between mb-4; }
+  .action-buttons     { @apply flex gap-2; }
+
+  .form-select        { @apply w-full rounded-md border border-input bg-transparent p-2 text-sm; }
+}

worker-toolkit-stocks-in-the-future/repo/app/assets/tailwind/application.css

@@ -0,0 +1,8 @@
+@import "tailwindcss";
+@import "./shadcn.css";
+@import "./tailwind.config.css";
+@import "./navbar.css";
+@import "./tables.css";
+@import "./buttons.css";
+@import "./forms.css";
+@import "./admin.css";

worker-toolkit-stocks-in-the-future/repo/app/assets/tailwind/buttons.css

@@ -0,0 +1,41 @@
+.tw-btn-sell {
+  @apply box-border content-stretch flex gap-2 h-9 items-center justify-center px-4 py-2 relative rounded-[16px] shrink-0 inline-flex bg-[var(--sitf-primary-blue)] text-white;
+}
+
+.tw-btn-buy {
+  @apply box-border content-stretch flex gap-2 h-9 items-center justify-center px-4 py-2 relative rounded-[16px] shrink-0 inline-flex bg-[var(--sitf-4)] text-white;
+}
+
+.tw-btn-primary {
+  @apply rounded-lg py-3 px-5 bg-[var(--sitf-primary-blue)] text-white block font-medium cursor-pointer hover:bg-blue-600 transition-colors
+}
+
+.tw-btn-primary-disabled {
+    @apply rounded-lg py-3 px-5 bg-gray-300 text-white block font-medium cursor-not-allowed
+}
+
+.tw-btn-secondary {
+  @apply rounded-md bg-[#BOEAE5] px-4 py-2 text-sm font-semibold text-white ring-1 ring-gray-300 ring-inset hover:bg-gray-50
+}
+
+.tw-btn-tertiary {
+  @apply ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium
+}
+
+.tw-btn-danger {
+  @apply rounded-lg py-3 ml-2 px-5 bg-red-100 text-red-500 inline-block font-medium hover:text-red-900
+}
+
+/* Font Awesome icon styles */
+.fa-pencil, .fa-ban {
+  font-size: 1.5rem;
+  vertical-align: middle;
+}
+
+.fa-pencil {
+  color: #3b82f6; /* Blue color for edit */
+}
+
+.fa-ban {
+  color: #ef4444; /* Red color for cancel */
+}

worker-toolkit-stocks-in-the-future/repo/app/assets/tailwind/forms.css

@@ -0,0 +1,11 @@
+.tw-label-primary {
+  @apply block text-sm/6 font-medium text-gray-900
+}
+
+.required-indicator {
+  @apply text-red-500 ml-1
+}
+
+.tw-input-primary {
+  @apply block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 border border-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600 sm:text-sm/6
+}

worker-toolkit-stocks-in-the-future/repo/app/assets/tailwind/navbar.css

@@ -0,0 +1,102 @@
+.navbar {
+  @apply bg-white shadow-xs;
+}
+.navbar-container {
+  @apply mx-auto max-w-7xl px-2 sm:px-6 lg:px-8;
+}
+.navbar-layout {
+  @apply relative flex h-16 justify-between;
+}
+.navbar-mobile-button-container {
+  @apply absolute inset-y-0 left-0 flex items-center sm:hidden;
+}
+.navbar-mobile-button {
+  @apply relative inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-500 focus:ring-2 focus:ring-indigo-500 focus:outline-hidden focus:ring-inset;
+}
+.navbar-svg-icon {
+  @apply size-6;
+}
+.navbar-left-section {
+  @apply flex flex-1 items-center justify-start sm:items-stretch sm:justify-start;
+}
+.navbar-logo-container {
+  @apply flex shrink-0 items-center;
+}
+.navbar-logo {
+  @apply h-8 w-auto;
+}
+.nav-user-link {
+  @apply text-gray-900 font-medium;
+}
+.navbar-main-links-container {
+  @apply hidden sm:ml-6 sm:flex sm:space-x-8;
+}
+.navbar-main-link {
+  @apply inline-flex items-center border-b-2 px-1 pt-1 text-sm font-medium;
+}
+.navbar-main-link-active {
+  @apply border-[#00B8B0] text-gray-900;
+}
+.navbar-main-link-default {
+  @apply border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700;
+}
+.navbar-right-section {
+  @apply absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0;
+}
+.navbar-user-links-container {
+  @apply flex space-x-4;
+}
+.navbar-notification-button {
+  @apply relative rounded-full bg-white p-1 text-gray-400 hover:text-gray-500 focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:outline-hidden;
+}
+
+/* Stock ticker animation styles */
+.ticker-container {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+}
+
+.ticker-content {
+  display: flex;
+  animation: scroll 20s linear infinite;
+  width: fit-content;
+}
+
+.ticker-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  white-space: nowrap;
+  flex-shrink: 0;
+  margin-right: 2rem;
+  min-width: 60px;
+}
+
+@keyframes scroll {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(-50%);
+  }
+}
+
+.animate-scroll {
+  animation: scroll 20s linear infinite;
+}
+
+/* Trading Floor collapse chevron toggle */
+details .icon-up {
+  display: none;
+}
+
+details[open] .icon-down {
+  display: none;
+}
+
+details[open] .icon-up {
+  display: block;
+}

worker-toolkit-stocks-in-the-future/repo/app/assets/tailwind/shadcn.css

@@ -0,0 +1,88 @@
+:root {
+  --background: 0 0% 100%;
+  --foreground: 222.2 47.4% 11.2%;
+
+  --muted: 210 40% 96.1%;
+  --muted-foreground: 215.4 16.3% 46.9%;
+
+  --popover: 0 0% 100%;
+  --popover-foreground: 222.2 47.4% 11.2%;
+
+  --border: 214.3 31.8% 91.4%;
+  --input: 214.3 31.8% 91.4%;
+
+  --card: 0 0% 100%;
+  --card-foreground: 222.2 47.4% 11.2%;
+
+  --primary: 222.2 47.4% 11.2%;
+  --primary-foreground: 210 40% 98%;
+
+  --secondary: 210 40% 96.1%;
+  --secondary-foreground: 222.2 47.4% 11.2%;
+
+  --accent: 210 40% 96.1%;
+  --accent-foreground: 222.2 47.4% 11.2%;
+
+  --destructive: 0 100% 50%;
+  --destructive-foreground: 210 40% 98%;
+
+  --success: 132, 95.3%, 33.3%, 0.74;
+  --success-foreground: 109 55% 28%;
+
+  --info: 223 78% 42%;
+  --info-foreground: 225 100% 50%;
+
+  --attention: 45 90% 45%;
+  --attention-foreground: 60 98.4% 48.8% 0.82;
+
+  --ring: 215 20.2% 65.1%;
+
+  --radius: 0.5rem;
+
+  /* SITF Color Palette */
+  --sitf-background: #f7f9f3;
+  --sitf-foreground: #000000;
+  --sitf-primary-chart1: #00698c;
+  --sitf-primary-secondary-foreground-card: #ffffff;
+  --sitf-secondary-chart2: #1db8a6;
+  --sitf-accent1-chart3: #D3DF44;
+  --sitf-accent2-chart5: #F59E0B;
+  --sitf-chart4: #EB4A97;
+  --sitf-muted: #f0f0f0;
+  --sitf-status-destructive: #ef4444;
+  --sitf-input: #737373;
+  --sitf-ring: #a5b4fc;
+
+  /* TODO: Legacy variables for backward compatibility - update to use standardized naming above */
+  --sitf-primary-blue: #00698c;
+  --sitf-secondary-teal: #00b8b0;
+  --sitf-6: #161616;
+  --sitf-7: #5c636a;
+  --sitf-8: #a7adaf;
+  --sitf-9: #dee0de;
+  --sitf-dark-blue: #004f6b;
+  --sitf-4: #80cec8;
+  --sitf-5: #d3df44;
+  --sitf-10: #eeefbe;
+  --white: #ffffff;
+}
+
+.dark {
+  --background: 224 71% 4%;
+  --foreground: 213 31% 91%;
+
+  --muted: 223 47% 11%;
+  --muted-foreground: 215.4 16.3% 56.9%;
+
+  --accent: 216 34% 17%;
+  --accent-foreground: 210 40% 98%;
+
+  --popover: 224 71% 4%;
+  --popover-foreground: 215 20.2% 65.1%;
+
+  --border: 216 34% 17%;
+  --input: 216 34% 17%;
+
+  --card: 224 71% 4%;
+  --card-foreground: 213 31% 91%;
+}

worker-toolkit-stocks-in-the-future/repo/app/assets/tailwind/tables.css

@@ -0,0 +1,78 @@
+/* Table Styles */
+.table-container {
+  @apply mb-4;
+}
+
+.table-wrapper {
+  @apply bg-white border-2 border-black rounded-[20px];
+}
+
+.table-base {
+  @apply w-full border-collapse font-sans bg-white rounded-[20px];
+}
+
+.table-header-row {
+  @apply border-b border-black bg-[#00B8B0];
+}
+
+.table-header-cell {
+  @apply h-10 px-7 py-3 font-medium text-base text-black border-b border-black;
+}
+
+.table-header-cell-left {
+  @apply text-left;
+}
+
+.table-header-cell-left:nth-child(3) {
+  @apply text-left px-4 lg:px-7;
+}
+
+.table-header-cell-right {
+  @apply text-right;
+  min-width: 150px;
+}
+
+.table-header-cell-center {
+  @apply text-center;
+}
+
+.table-body-row {
+  @apply h-14 border-b border-black;
+}
+
+.table-body-cell {
+  @apply px-7 py-2 border-b border-black;
+}
+
+.table-body-cell:nth-child(3) {
+  @apply px-4 lg:px-7;
+}
+
+.table-body-cell-right {
+  @apply text-right;
+  min-width: 150px;
+}
+
+.table-body-cell-center {
+  @apply text-center;
+}
+
+.table-cell-content {
+  @apply text-base text-black;
+}
+
+.table-empty-cell {
+  @apply px-7 py-4 text-center text-gray-500 border-b border-black;
+}
+
+.table-no-permission {
+  @apply text-gray-400;
+}
+
+.table-action-link {
+  @apply text-blue-600 hover:text-blue-800;
+}
+
+.table-action-button {
+  @apply text-red-600 hover:text-red-800 cursor-pointer;
+}

worker-toolkit-stocks-in-the-future/repo/app/assets/tailwind/tailwind.config.css

@@ -0,0 +1,75 @@
+@theme {
+  --default-dark-mode: class;
+
+  --container-center: true;
+  --container-padding: 2rem;
+  --breakpoint-2xl: 1400px;
+
+  --color-border: hsl(var(--border));
+  --color-input: hsl(var(--input));
+  --color-ring: hsl(var(--ring));
+  --color-background: hsl(var(--background));
+  --color-foreground: hsl(var(--foreground));
+
+  --color-primary: hsl(var(--primary));
+  --color-primary-foreground: hsl(var(--primary-foreground));
+
+  --color-secondary: hsl(var(--secondary));
+  --color-secondary-foreground: hsl(var(--secondary-foreground));
+
+  --color-destructive: hsl(var(--destructive));
+  --color-destructive-foreground: hsl(var(--destructive-foreground));
+
+  --color-success: hsl(var(--success));
+  --color-success-foreground: hsl(var(--success-foreground));
+
+  --color-info: hsl(var(--info));
+  --color-info-foreground: hsl(var(--info-foreground));
+
+  --color-attention: var(--yellow-50);
+  --color-attention-foreground: hsl(var(--attention-foreground));
+
+  --color-muted: hsl(var(--muted));
+  --color-muted-foreground: hsl(var(--muted-foreground));
+
+  --color-accent: hsl(var(--accent));
+  --color-accent-foreground: hsl(var(--accent-foreground));
+
+  --color-popover: hsl(var(--popover));
+  --color-popover-foreground: hsl(var(--popover-foreground));
+
+  --color-card: hsl(var(--card));
+  --color-card-foreground: hsl(var(--card-foreground));
+
+  /* Border radius */
+  --radius-lg: var(--radius);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-sm: calc(var(--radius) - 4px);
+
+  /* Font family */
+  --font-sans:
+    Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
+    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+
+  /* Keyframes */
+  --animate-accordion-down: accordion-down 0.2s ease-out;
+  --animate-accordion-up: accordion-up 0.2s ease-out;
+}
+
+@keyframes accordion-down {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--radix-accordion-content-height);
+  }
+}
+
+@keyframes accordion-up {
+  from {
+    height: var(--radix-accordion-content-height);
+  }
+  to {
+    height: 0;
+  }
+}