@gadmin2n/schematics 0.0.144 → 0.0.146

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/node-instances/node-config.css

@@ -1,12 +1,30 @@
+.workflow-node-config {
+  --workflow-panel-title-size: 16px;
+  --workflow-content-title-size: 18px;
+  --workflow-panel-section-title-size: 14px;
+  --workflow-panel-field-title-size: 12px;
+}
+
 .workflow-node-config .ant-form-item {
   margin-bottom: 12px;
 }
 
+.workflow-node-config .ant-form-item-label > label {
+  color: var(--ant-color-text-secondary);
+  font-size: var(--workflow-panel-field-title-size);
+  font-weight: 500;
+}
+
 .workflow-node-config .ant-card-small > .ant-card-head {
   min-height: 36px;
   padding-inline: 12px;
 }
 
+.workflow-node-config .ant-card-small > .ant-card-head .ant-card-head-title {
+  font-size: var(--workflow-panel-section-title-size);
+  font-weight: 600;
+}
+
 .workflow-node-config .ant-card-small > .ant-card-body {
   padding: 12px;
 }
@@ -27,9 +45,845 @@
   line-height: 1.5;
 }
 
+.workflow-node-config .ant-typography-strong {
+  font-size: var(--workflow-panel-field-title-size);
+  font-weight: 500;
+  line-height: 20px;
+}
+
 .workflow-node-config__section-title {
   display: block;
   margin-bottom: 8px;
+  font-size: var(--workflow-panel-section-title-size);
+  font-weight: 600;
+}
+
+.workflow-node-config__inline-message {
+  display: block;
+  margin-top: 8px;
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.workflow-node-config__field-label {
+  display: block;
+  color: var(--ant-color-text-secondary);
+  font-size: var(--workflow-panel-field-title-size);
+  font-weight: 500;
+  line-height: 20px;
+}
+
+.workflow-panel-action.ant-btn {
+  min-height: 30px;
+  padding-inline: 10px;
+  border-color: var(--ant-color-border-secondary);
+  border-radius: 7px;
+  background: var(--ant-color-fill-quaternary);
+  color: var(--ant-color-text-secondary);
+  box-shadow: none;
+  font-size: 12px;
+  font-weight: 500;
+}
+
+.workflow-panel-action.ant-btn.ant-btn-dashed {
+  border-style: solid;
+}
+
+.workflow-panel-action.ant-btn:not(:disabled):hover,
+.workflow-panel-action.ant-btn:not(:disabled):focus-visible {
+  border-color: var(--ant-color-primary-border-hover);
+  background: var(--ant-color-primary-bg-hover);
+  color: var(--ant-color-primary);
+}
+
+.workflow-panel-action.ant-btn:focus-visible {
+  outline: 2px solid var(--ant-color-primary-border);
+  outline-offset: 1px;
+}
+
+.workflow-panel-action.ant-btn:disabled {
+  border-color: var(--ant-color-border-secondary);
+  background: var(--ant-color-fill-quaternary);
+}
+
+.manual-trigger-config__description.ant-typography {
+  margin: -2px 0 12px;
+}
+
+.manual-trigger-config__empty {
+  margin-bottom: 10px;
+  padding: 16px 12px;
+  border: 1px dashed var(--ant-color-border);
+  border-radius: 8px;
+  text-align: center;
+}
+
+.manual-trigger-config__list {
+  margin-bottom: 10px;
+  border-block: 1px solid var(--ant-color-border-secondary);
+}
+
+.manual-trigger-config__row {
+  padding: 12px 0;
+  border-bottom: 1px solid var(--ant-color-border-secondary);
+}
+
+.manual-trigger-config__row:last-child {
+  border-bottom: 0;
+}
+
+.manual-trigger-config__primary {
+  display: grid;
+  grid-template-columns: minmax(120px, 1fr) 112px 48px 32px;
+  align-items: start;
+  gap: 8px;
+}
+
+.manual-trigger-config__secondary {
+  display: grid;
+  grid-template-columns: minmax(120px, 0.8fr) minmax(160px, 1.2fr);
+  gap: 8px;
+  margin-top: 8px;
+}
+
+.manual-trigger-config__primary .ant-select {
+  width: 100%;
+}
+
+.manual-trigger-config__required {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 6px;
+}
+
+.manual-trigger-config__primary > .ant-btn {
+  margin-top: 20px;
+}
+
+.manual-trigger-config__error.ant-typography {
+  display: block;
+  margin-top: 4px;
+  font-size: 12px;
+}
+
+.cron-trigger-config {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}
+
+.cron-trigger-config__field {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.cron-trigger-config__hint.ant-typography {
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.cron-trigger-config__time-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.cron-trigger-config__time-row {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 8px;
+  align-items: center;
+}
+
+.cron-trigger-config__time-row .ant-picker {
+  width: 100%;
+}
+
+.cron-trigger-config__field > .workflow-panel-action {
+  align-self: flex-start;
+  margin-top: 4px;
+}
+
+.switch-config__rules,
+.switch-config__rule-list,
+.switch-config__condition,
+.switch-config__destination {
+  display: flex;
+  flex-direction: column;
+}
+
+.switch-config__rules {
+  gap: 8px;
+}
+
+.switch-config__rule-list {
+  gap: 10px;
+}
+
+.switch-config__rule {
+  padding: 10px 0 12px;
+  border-top: 1px solid var(--ant-color-border-secondary);
+}
+
+.switch-config__rule:last-child {
+  border-bottom: 1px solid var(--ant-color-border-secondary);
+}
+
+.switch-config__rule-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 28px;
+  margin-bottom: 8px;
+}
+
+.switch-config__condition,
+.switch-config__destination {
+  gap: 6px;
+}
+
+.switch-config__destination {
+  margin-top: 10px;
+}
+
+.switch-config__rules > .workflow-panel-action {
+  align-self: flex-start;
+}
+
+.switch-config__default {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  gap: 8px;
+  align-items: baseline;
+  padding-top: 10px;
+  border-top: 1px solid var(--ant-color-border-secondary);
+}
+
+.parallel-config__intro,
+.parallel-config__branch-list,
+.parallel-config__branch {
+  display: flex;
+  flex-direction: column;
+}
+
+.parallel-config__intro {
+  gap: 4px;
+}
+
+.parallel-config__branch-list {
+  gap: 0;
+}
+
+.parallel-config__branch {
+  gap: 6px;
+  padding: 10px 0 12px;
+  border-top: 1px solid var(--ant-color-border-secondary);
+}
+
+.parallel-config__branch:last-child {
+  border-bottom: 1px solid var(--ant-color-border-secondary);
+}
+
+.parallel-config__branch-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 28px;
+}
+
+.parallel-config__field-label.ant-typography {
+  font-size: 12px;
+  color: var(--ant-color-text-secondary);
+}
+
+.parallel-config__hint.ant-typography {
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.parallel-config > .workflow-panel-action {
+  align-self: flex-start;
+}
+
+.db-execute-config__permission {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+}
+
+.db-execute-config__hint.ant-typography {
+  display: block;
+  margin-top: 2px;
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.callable-input-parameters__row {
+  display: grid;
+  min-width: 0;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px 12px;
+  margin-bottom: 10px;
+  padding: 12px;
+  border: 1px solid var(--ant-color-border-secondary);
+  border-radius: 8px;
+  background: var(--ant-color-fill-quaternary);
+}
+
+.callable-input-parameters__actions {
+  display: flex;
+  grid-column: 1 / -1;
+  align-items: flex-end;
+  justify-content: space-between;
+  gap: 12px;
+  padding-top: 2px;
+}
+
+.callable-input-parameters__required {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.workflow-node-panel {
+  margin: 8px 8px 8px 0;
+  overflow: hidden;
+  border: 1px solid var(--ant-color-border-secondary);
+  border-radius: 12px;
+  background: var(--ant-color-bg-container);
+}
+
+.workflow-node-panel--editor {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 360px;
+  overflow: hidden;
+  border: 1px solid var(--ant-color-border-secondary);
+  background: var(--ant-color-bg-container);
+}
+
+.workflow-node-panel__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  min-height: 44px;
+  padding: 9px 14px;
+  border-bottom: 1px solid var(--ant-color-border-secondary);
+  background: var(--ant-color-bg-container);
+}
+
+.workflow-node-panel__identity {
+  display: flex;
+  min-width: 0;
+  align-items: center;
+  gap: 8px;
+}
+
+.workflow-node-panel__title.ant-typography {
+  margin: 0;
+  color: var(--ant-color-text);
+  font-size: var(--workflow-panel-title-size);
+  font-weight: 600;
+  line-height: 22px;
+  white-space: nowrap;
+}
+
+.workflow-node-panel__identity-name.ant-typography {
+  display: inline-flex;
+  min-width: 0;
+  min-height: 22px;
+  align-items: center;
+  overflow: hidden;
+  margin: 0;
+  padding: 1px 8px;
+  border: 1px solid var(--ant-color-border-secondary);
+  border-radius: 999px;
   font-size: 13px;
   font-weight: 600;
+  line-height: 18px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.workflow-node-panel__template-copy code {
+  color: var(--ant-color-text-secondary);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 11px;
+}
+
+.workflow-node-panel__tabs {
+  padding: 8px 14px;
+  border-bottom: 1px solid var(--ant-color-border-secondary);
+  background: var(--ant-color-bg-container);
+}
+
+.workflow-node-panel__scroll {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  padding: 16px;
+  background: var(--ant-color-fill-quaternary);
+}
+
+.workflow-node-panel__stack.ant-space {
+  gap: 16px !important;
+}
+
+.workflow-node-panel__approval-sections .human-approval-config {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.workflow-node-panel__approval-sections .human-approval-config__section {
+  margin: 0;
+  padding: 16px;
+  border: 1px solid var(--ant-color-border-secondary);
+  border-radius: 10px;
+  background: var(--ant-color-bg-container);
+}
+
+.workflow-node-panel__approval-sections
+  .human-approval-config__section-title::after {
+  display: none;
+}
+
+.workflow-node-panel__approval-sections .workflow-subject-picker.ant-card {
+  border: 0;
+  background: transparent;
+  box-shadow: none;
+}
+
+.workflow-node-panel__approval-sections
+  .workflow-subject-picker.ant-card
+  > .ant-card-body {
+  padding: 0;
+}
+
+.workflow-node-panel .ant-card {
+  border-radius: 10px;
+}
+
+.workflow-node-panel .ant-segmented {
+  border-radius: 8px;
+}
+
+.workflow-node-panel .ant-segmented-item {
+  border-radius: 6px;
+}
+
+.workflow-node-output__list {
+  overflow: hidden;
+  border: 1px solid var(--ant-color-border-secondary);
+  border-radius: 8px;
+  background: var(--ant-color-fill-quaternary);
+}
+
+.workflow-node-output__field {
+  display: grid;
+  min-width: 0;
+  overflow: hidden;
+  align-items: start;
+  grid-template-columns: minmax(110px, 0.75fr) minmax(0, 1.4fr);
+  gap: 10px;
+  padding: 7px 10px;
+  border-bottom: 1px solid var(--ant-color-border-secondary);
+  background: transparent;
+}
+
+.workflow-node-output__field:last-child {
+  border-bottom: 0;
+}
+
+.workflow-node-output__field-content {
+  min-width: 0;
+}
+
+.workflow-node-output__field-head {
+  display: grid;
+  width: 100%;
+  min-width: 0;
+  align-items: center;
+  grid-template-columns: minmax(0, 1fr) max-content;
+  gap: 8px;
+  overflow: hidden;
+}
+
+.workflow-node-output__field-name {
+  display: block;
+  width: 100%;
+  min-width: 0;
+  overflow: hidden;
+  color: var(--ant-color-text);
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1.4;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.workflow-node-output__field-meta {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  white-space: nowrap;
+}
+
+.workflow-node-output__field-description {
+  display: block;
+  margin-top: 3px;
+  font-size: 12px;
+}
+
+.workflow-node-output__hint {
+  display: block;
+  margin-bottom: 10px;
+  font-size: 12px;
+}
+
+.workflow-node-output__required {
+  font-size: 11px;
+  white-space: nowrap;
+}
+
+.workflow-node-output__type.ant-tag {
+  margin-inline-end: 0;
+  color: var(--ant-color-text-secondary);
+  white-space: nowrap;
+}
+
+.workflow-node-output__passthrough {
+  display: flex;
+  align-items: baseline;
+  gap: 6px;
+  margin-bottom: 10px;
+}
+
+.workflow-node-output__passthrough-label {
+  font-size: 11px;
+}
+
+.workflow-node-output__passthrough-node {
+  min-width: 0;
+  font-size: 12px;
+}
+
+.workflow-node-output__dynamic {
+  display: grid;
+  min-width: 0;
+  align-items: baseline;
+  grid-template-columns: minmax(110px, 0.75fr) minmax(0, 1.4fr);
+  gap: 10px;
+  padding: 7px 10px;
+  border: 1px solid var(--ant-color-border-secondary);
+  border-radius: 8px;
+  background: var(--ant-color-fill-quaternary);
+}
+
+.workflow-node-output__dynamic-description {
+  font-size: 12px;
+}
+
+.workflow-node-output__path {
+  display: flex;
+  width: fit-content;
+  max-width: 100%;
+  align-items: center;
+  overflow: hidden;
+  margin-top: 6px;
+  vertical-align: top;
+}
+
+.workflow-node-output__path .ant-typography-copy {
+  display: inline-flex;
+  align-items: center;
+  margin-inline: 4px 0;
+  color: var(--ant-color-text-secondary);
+  opacity: 0;
+  transition:
+    color 160ms ease,
+    opacity 160ms ease;
+}
+
+.workflow-node-output__field:hover
+  .workflow-node-output__path
+  .ant-typography-copy,
+.workflow-node-output__path:hover .ant-typography-copy,
+.workflow-node-output__path:focus-within .ant-typography-copy,
+.workflow-node-output__path .ant-typography-copy:focus-visible,
+.workflow-node-output__path .ant-typography-copy-success {
+  color: var(--ant-color-primary);
+  opacity: 1;
+}
+
+.workflow-node-output__path code {
+  overflow: hidden;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: var(--ant-color-text-secondary);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 11px;
+  line-height: 1.6;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.workflow-node-output__field > .workflow-node-output__path,
+.workflow-node-output__dynamic > .workflow-node-output__path {
+  margin-top: 0;
+}
+
+.workflow-node-output__field > .workflow-node-output__path code,
+.workflow-node-output__dynamic > .workflow-node-output__path code {
+  padding: 1px 6px;
+  border: 1px solid var(--ant-color-border-secondary);
+  border-radius: 4px;
+  background: var(--ant-color-fill-secondary);
+  font-weight: 600;
+}
+
+.workflow-node-output__tree {
+  margin-top: 9px;
+  padding-top: 8px;
+  border-top: 1px solid var(--ant-color-border-secondary);
+}
+
+.workflow-node-output__tree-title {
+  display: block;
+  font-size: 11px;
+  line-height: 1.4;
+}
+
+.workflow-node-output__tree-list {
+  display: grid;
+  margin-top: 5px;
+}
+
+.workflow-node-output__tree-node {
+  position: relative;
+  min-width: 0;
+}
+
+.workflow-node-output__tree-node::before {
+  position: absolute;
+  top: -12px;
+  bottom: calc(100% - 12px);
+  left: 7px;
+  border-left: 1px solid var(--ant-color-border-secondary);
+  content: '';
+}
+
+.workflow-node-output__tree-node:not(:last-child)::before {
+  bottom: -12px;
+}
+
+.workflow-node-output__tree-list
+  > .workflow-node-output__tree-node:first-child::before {
+  top: 12px;
+}
+
+.workflow-node-output__tree-node::after {
+  position: absolute;
+  top: 12px;
+  left: 7px;
+  width: 9px;
+  border-top: 1px solid var(--ant-color-border-secondary);
+  content: '';
+}
+
+.workflow-node-output__tree-row {
+  display: grid;
+  min-width: 0;
+  min-height: 24px;
+  align-items: center;
+  grid-template-columns: 16px minmax(0, 1fr) auto;
+  gap: 4px;
+}
+
+.workflow-node-output__tree-value {
+  display: flex;
+  min-width: 0;
+  align-items: baseline;
+  gap: 8px;
+}
+
+.workflow-node-output__tree-label {
+  display: block;
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  font-size: 11px;
+}
+
+.workflow-node-output__tree-connector {
+  width: 16px;
+  align-self: stretch;
+}
+
+.workflow-node-output__tree-children {
+  position: relative;
+  margin-left: 14px;
+}
+
+.workflow-node-output__tree-children::before {
+  position: absolute;
+  top: -12px;
+  left: -7px;
+  width: 14px;
+  border-top: 1px solid var(--ant-color-border-secondary);
+  content: '';
+}
+
+.workflow-node-output__tree-row code {
+  overflow: hidden;
+  color: var(--ant-color-text-secondary);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 11px;
+  line-height: 1.5;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.workflow-node-output__tree-row .workflow-node-output__path--compact {
+  flex: none;
+  margin-top: 0;
+}
+
+.workflow-node-output__tree-row .workflow-node-output__path--compact code {
+  padding: 0;
+  border: 0;
+  background: transparent;
+}
+
+.workflow-node-output__tree-row
+  .workflow-node-output__path--compact
+  .ant-typography-copy {
+  margin-inline-end: 0;
+}
+
+.workflow-node-output__tree-type.ant-tag {
+  margin-inline-end: 0;
+  font-size: 10px;
+  white-space: nowrap;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .workflow-node-output__path .ant-typography-copy {
+    transition: none;
+  }
+}
+
+@media (max-width: 620px) {
+  .workflow-node-output__field,
+  .workflow-node-output__dynamic {
+    grid-template-columns: minmax(0, 1fr);
+    gap: 6px;
+  }
+}
+
+.workflow-readonly-panel__advanced .workflow-node-panel__section-head {
+  align-items: flex-start;
+}
+
+.workflow-readonly-panel__code {
+  overflow: auto;
+  max-height: calc(100vh - 260px);
+  margin: 0;
+  padding: 12px;
+  border-radius: 8px;
+  background: var(--ant-color-bg-container);
+  color: var(--ant-color-text-secondary);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 11px;
+  line-height: 1.6;
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+}
+
+.workflow-node-panel__section-head,
+.workflow-node-panel__template-reference {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  margin-bottom: 12px;
+}
+
+.workflow-node-panel__section-title {
+  display: block;
+  color: var(--ant-color-text);
+  font-size: var(--workflow-panel-section-title-size);
+  font-weight: 600;
+  line-height: 1.4;
+}
+
+.workflow-node-panel__section-hint {
+  display: block;
+  margin-top: 2px;
+  color: var(--ant-color-text-secondary);
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.workflow-node-panel__template-card--active {
+  border-color: #b7eb8f;
+  background: var(--ant-color-bg-container);
+}
+
+.workflow-node-panel__template-status {
+  flex: 0 0 auto;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #52c41a;
+}
+
+.workflow-node-panel__template-copy {
+  flex: 1;
+  min-width: 0;
+}
+
+.workflow-node-panel__parameters-card > .ant-card-body > .ant-form:last-child,
+.workflow-node-panel__parameters-card > .ant-card-body > .ant-space:last-child,
+.workflow-node-panel__parameters-card .ant-form-item:last-child {
+  margin-bottom: 0;
+}
+
+.workflow-node-panel__ai > .ant-card-body {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.workflow-node-panel__ai-hint {
+  margin-top: -8px;
+}
+
+.workflow-node-panel__footer {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 12px 16px;
+  border-top: 1px solid var(--ant-color-border-secondary);
+  background: var(--ant-color-bg-container);
+  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.04);
+}
+
+.workflow-node-panel__save-template {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+@media (max-width: 900px) {
+  .workflow-node-panel--editor {
+    width: min(420px, 52vw) !important;
+    min-width: 340px;
+  }
 }