@orangecatai/adgen-canvas 0.0.39 → 0.1.0

package/dist/dev/index.css

@@ -1168,6 +1168,61 @@
   grid-template-columns: none;
 }
 
+/* components/FontSizeInput.scss */
+.excalidraw .fontSizeInput {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+.excalidraw .fontSizeInput__step {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.75rem;
+  height: 1.75rem;
+  flex: 0 0 auto;
+  padding: 0;
+  border: 1px solid var(--default-border-color);
+  border-radius: var(--border-radius-lg);
+  background-color: transparent;
+  color: var(--text-primary-color);
+  cursor: pointer;
+}
+.excalidraw .fontSizeInput__step svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+.excalidraw .fontSizeInput__step:hover {
+  background-color: var(--button-hover-bg);
+}
+.excalidraw .fontSizeInput__step:active {
+  background-color: var(--button-active-bg);
+}
+.excalidraw .fontSizeInput__value {
+  width: 3.25rem;
+  height: 1.75rem;
+  min-width: 0;
+  box-sizing: border-box;
+  padding: 0 0.5rem;
+  border: 1px solid var(--default-border-color);
+  border-radius: var(--border-radius-lg);
+  background-color: var(--input-bg-color);
+  color: var(--text-primary-color);
+  font-family: inherit;
+  font-size: 0.875rem;
+  text-align: center;
+}
+.excalidraw .fontSizeInput__value:focus,
+.excalidraw .fontSizeInput__value:focus-visible {
+  outline: none;
+  border-color: var(--color-brand-hover);
+}
+.excalidraw .fontSizeInput__value--mixed::placeholder {
+  color: var(--text-primary-color);
+  opacity: 0.5;
+  font-size: 0.75rem;
+}
+
 /* components/IconPicker.scss */
 .excalidraw .picker {
   padding: 0.5rem;
@@ -3943,6 +3998,185 @@
 .excalidraw .igp .igp-dropdown-item:hover {
   background: rgba(0, 0, 0, 0.04) !important;
 }
+.excalidraw .igp .igp-dropdown-separator {
+  height: 1px;
+  margin: 4px 6px;
+  background: rgba(0, 0, 0, 0.07);
+}
+.excalidraw .igp .igp-settings-menu {
+  width: 270px;
+  padding: 6px;
+}
+.excalidraw .igp .igp-setting-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 10px;
+}
+.excalidraw .igp .igp-setting-row + .excalidraw .igp .igp-setting-row {
+  border-top: 1px solid rgba(0, 0, 0, 0.06);
+}
+.excalidraw .igp .igp-setting-label {
+  font-size: 12.5px;
+  font-weight: 600;
+  color: #252525;
+}
+.excalidraw .igp .igp-setting-hint {
+  margin-top: 2px;
+  font-size: 10.5px;
+  line-height: 1.25;
+  color: #999;
+}
+.excalidraw .igp .igp-toggle-control {
+  display: flex !important;
+  align-items: center !important;
+  gap: 7px !important;
+  min-width: 62px !important;
+  padding: 4px 6px !important;
+  border-radius: 8px !important;
+  font-size: 12px !important;
+  font-weight: 600 !important;
+  color: #555 !important;
+}
+.excalidraw .igp .igp-toggle-control:hover {
+  background: rgba(0, 0, 0, 0.04) !important;
+}
+.excalidraw .igp .igp-toggle-track {
+  position: relative;
+  width: 28px;
+  height: 16px;
+  border-radius: 999px;
+  background: #d8d8d8;
+  transition: background 0.15s ease;
+}
+.excalidraw .igp .igp-toggle-track--on {
+  background: #6350dc;
+}
+.excalidraw .igp .igp-toggle-track--on .igp-toggle-thumb {
+  transform: translateX(12px);
+}
+.excalidraw .igp .igp-toggle-thumb {
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background: #fff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+  transition: transform 0.15s ease;
+}
+.excalidraw .igp .igp-effort-picker {
+  position: relative;
+  flex-shrink: 0;
+}
+.excalidraw .igp .igp-setting-row--effort {
+  align-items: flex-start;
+}
+.excalidraw .igp .igp-setting-select {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: space-between !important;
+  gap: 8px !important;
+  min-width: 92px !important;
+  height: 30px !important;
+  padding: 0 9px !important;
+  border: 1px solid rgba(0, 0, 0, 0.1) !important;
+  border-radius: 8px !important;
+  font-size: 12px !important;
+  font-weight: 500 !important;
+  color: #444 !important;
+  background: #fff !important;
+}
+.excalidraw .igp .igp-effort-options {
+  margin-top: 5px;
+  width: 132px;
+  padding: 4px;
+  border: 1px solid rgba(0, 0, 0, 0.07);
+  border-radius: 9px;
+  background: #fff;
+  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
+}
+.excalidraw .igp .igp-resolution-menu {
+  min-width: 218px;
+}
+.excalidraw .igp .igp-custom-size-editor {
+  margin: 2px 4px 4px;
+  padding: 10px;
+  border-radius: 9px;
+  background: #f7f7f8;
+}
+.excalidraw .igp .igp-custom-size-fields {
+  display: grid;
+  grid-template-columns: 1fr auto 1fr;
+  align-items: end;
+  gap: 7px;
+}
+.excalidraw .igp .igp-custom-size-fields label {
+  display: grid;
+  gap: 4px;
+  font-size: 10px;
+  font-weight: 600;
+  color: #888;
+  text-transform: uppercase;
+  letter-spacing: 0.35px;
+}
+.excalidraw .igp .igp-custom-size-fields input {
+  display: block !important;
+  box-sizing: border-box !important;
+  width: 100% !important;
+  height: 34px !important;
+  padding: 0 10px !important;
+  border: 1px solid rgba(0, 0, 0, 0.11) !important;
+  border-radius: 8px !important;
+  outline: none !important;
+  background: #fff !important;
+  color: #222 !important;
+  font:
+    500 13px/1 "Assistant",
+    system-ui,
+    sans-serif !important;
+  cursor: text !important;
+  transition: border-color 0.1s ease, box-shadow 0.1s ease !important;
+}
+.excalidraw .igp .igp-custom-size-fields input:focus {
+  border-color: #6350dc !important;
+  box-shadow: 0 0 0 3px rgba(99, 80, 220, 0.14) !important;
+}
+.excalidraw .igp .igp-custom-size-times {
+  padding-bottom: 9px;
+  color: #999;
+}
+.excalidraw .igp .igp-custom-size-error,
+.excalidraw .igp .igp-custom-size-valid {
+  margin-top: 7px;
+  font-size: 10.5px;
+  line-height: 1.3;
+}
+.excalidraw .igp .igp-custom-size-error {
+  color: #c43b3b;
+}
+.excalidraw .igp .igp-custom-size-valid {
+  color: #43845a;
+}
+.excalidraw .igp .igp-custom-size-apply {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  width: 100% !important;
+  height: 30px !important;
+  margin-top: 8px !important;
+  border-radius: 8px !important;
+  background: #1c1c1c !important;
+  color: #fff !important;
+  font-size: 12px !important;
+  font-weight: 600 !important;
+}
+.excalidraw .igp .igp-custom-size-apply:disabled {
+  opacity: 0.35 !important;
+  cursor: not-allowed !important;
+}
 .excalidraw .igp .igp-check {
   color: #6350dc;
   display: flex;
@@ -3969,42 +4203,84 @@
 /* components/ChipSourceMenu.scss */
 .excalidraw .chip-source-menu {
   position: absolute;
-  bottom: calc(100% + 6px);
+  bottom: calc(100% + 8px);
   left: 0;
-  z-index: 10;
-  min-width: 148px;
-  padding: 4px;
+  z-index: 300;
+  min-width: 212px;
+  padding: 6px;
   display: flex;
   flex-direction: column;
   gap: 2px;
-  border-radius: 8px;
-  border: 1px solid var(--color-gray-30, #e0e0e0);
-  background: var(--island-bg-color, #fff);
-  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
+  border: none;
+  border-radius: 11px;
+  background: #fff;
+  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(0, 0, 0, 0.06);
+  font-family:
+    "Assistant",
+    system-ui,
+    sans-serif;
+  transform-origin: bottom left;
+  animation: chip-source-menu-in 0.12s ease-out;
 }
-.excalidraw .chip-source-menu__title {
-  padding: 4px 8px 2px;
+@keyframes chip-source-menu-in {
+  from {
+    opacity: 0;
+    transform: translateY(4px) scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+.excalidraw .chip-source-menu .chip-source-menu__title {
+  padding: 6px 12px 4px;
   font-size: 10px;
-  letter-spacing: 0.02em;
+  font-weight: 600;
+  letter-spacing: 0.5px;
   text-transform: uppercase;
-  color: var(--color-gray-60, #7a7a7a);
+  color: #bbb;
 }
-.excalidraw .chip-source-menu__item {
-  display: flex;
-  align-items: center;
-  gap: 7px;
-  width: 100%;
-  padding: 6px 8px;
-  border: none;
-  border-radius: 6px;
-  background: transparent;
-  color: var(--text-primary-color, #1b1b1f);
-  font-size: 12px;
-  text-align: left;
-  cursor: pointer;
+.excalidraw .chip-source-menu .chip-source-menu__item {
+  display: flex !important;
+  align-items: center !important;
+  gap: 11px !important;
+  width: 100% !important;
+  height: auto !important;
+  margin: 0 !important;
+  padding: 10px 12px !important;
+  border: none !important;
+  border-radius: 8px !important;
+  box-shadow: none !important;
+  background: transparent !important;
+  color: #222 !important;
+  font-family: inherit !important;
+  font-size: 13.5px !important;
+  font-weight: 450 !important;
+  line-height: 1.25 !important;
+  text-align: left !important;
+  white-space: nowrap !important;
+  cursor: pointer !important;
+  transition: background 0.1s ease !important;
 }
-.excalidraw .chip-source-menu__item:hover {
-  background: var(--button-hover-bg, rgba(0, 0, 0, 0.06));
+.excalidraw .chip-source-menu .chip-source-menu__item svg {
+  flex-shrink: 0;
+  width: 16px;
+  height: 16px;
+  color: #777;
+  transition: color 0.1s ease;
+}
+.excalidraw .chip-source-menu .chip-source-menu__item:hover {
+  background: rgba(0, 0, 0, 0.04) !important;
+}
+.excalidraw .chip-source-menu .chip-source-menu__item:hover svg {
+  color: #222;
+}
+.excalidraw .chip-source-menu .chip-source-menu__item:active {
+  background: rgba(0, 0, 0, 0.07) !important;
+}
+.excalidraw .chip-source-menu .chip-source-menu__item:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 2px rgba(99, 80, 220, 0.25) !important;
 }
 .excalidraw .chip-pick-hint {
   display: flex;
@@ -4121,6 +4397,113 @@
   color: var(--text-secondary-color, #aaa);
 }
 
+/* components/auto-resize/ResizeActivityCard.scss */
+.excalidraw .resize-activity {
+  position: absolute;
+  z-index: 6;
+  width: 330px;
+  max-width: calc(100vw - 24px);
+  pointer-events: auto;
+  color: var(--text-primary-color);
+  background: var(--island-bg-color);
+  border: 1px solid var(--default-border-color);
+  border-radius: 10px;
+  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.0784313725);
+  font: 12px/1.5 var(--ui-font);
+}
+.excalidraw .resize-activity > summary {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 9px 12px;
+  list-style: none;
+}
+.excalidraw .resize-activity > summary::-webkit-details-marker {
+  display: none;
+}
+.excalidraw .resize-activity__indicator {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: #7b78df;
+  flex-shrink: 0;
+}
+.excalidraw .resize-activity__indicator--done {
+  background: #219268;
+}
+.excalidraw .resize-activity__indicator--error {
+  background: #d97330;
+}
+.excalidraw .resize-activity__indicator--cancelled {
+  background: #8c8c94;
+}
+.excalidraw .resize-activity__title {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.excalidraw .resize-activity__count,
+.excalidraw .resize-activity__duration,
+.excalidraw .resize-activity__model {
+  opacity: 0.65;
+  font-size: 10px;
+}
+.excalidraw .resize-activity__body {
+  border-top: 1px solid var(--default-border-color);
+  padding: 10px;
+  max-height: 320px;
+  overflow: auto;
+  overscroll-behavior: contain;
+}
+.excalidraw .resize-activity__heading {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 6px;
+  margin-bottom: 10px;
+  font-size: 10px;
+}
+.excalidraw .resize-activity button {
+  color: inherit;
+  background: transparent;
+  border: 1px solid var(--default-border-color);
+  border-radius: 5px;
+  padding: 3px 6px;
+  cursor: pointer;
+}
+.excalidraw .resize-activity ol {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.excalidraw .resize-activity li {
+  padding: 5px 0;
+  border-top: 1px solid var(--default-border-color);
+}
+.excalidraw .resize-activity li summary {
+  display: flex;
+  gap: 6px;
+  align-items: baseline;
+  cursor: pointer;
+}
+.excalidraw .resize-activity__duration {
+  margin-left: auto;
+  white-space: nowrap;
+}
+.excalidraw .resize-activity__model {
+  margin: 3px 0 0 18px;
+}
+.excalidraw .resize-activity pre {
+  font: 10px/1.5 monospace;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  max-height: 180px;
+  overflow: auto;
+  margin: 6px 0 2px 18px;
+}
+
 /* components/auto-resize/AutoResizePanel.scss */
 @keyframes ars-shimmer-sweep {
   0% {
@@ -5140,6 +5523,12 @@
   text-transform: uppercase !important;
   letter-spacing: 0.5px !important;
 }
+.excalidraw .vgp .vgp-popover-note {
+  margin-top: 6px !important;
+  font-size: 11px !important;
+  line-height: 1.4 !important;
+  color: #8c8c8c !important;
+}
 .excalidraw .vgp .vgp-popover-label-row {
   display: flex !important;
   align-items: center !important;
@@ -11082,6 +11471,12 @@ body.excalidraw-cursor-resize * {
   .italic {
     font-style: italic;
   }
+  .line-through {
+    text-decoration-line: line-through;
+  }
+  .underline {
+    text-decoration-line: underline;
+  }
   .underline-offset-4 {
     text-underline-offset: 4px;
   }
@@ -12095,6 +12490,202 @@ body.excalidraw-cursor-resize * {
   margin-top: 8px;
 }
 
+/* components/ai-chat/ActivityTimeline.scss */
+.excalidraw .acp-act {
+  margin-bottom: 6px;
+  font-family: inherit;
+}
+.excalidraw .acp-act-toggle {
+  display: flex !important;
+  align-items: center !important;
+  gap: 6px !important;
+  padding: 5px 10px !important;
+  border: none !important;
+  border-radius: 8px !important;
+  font-family: inherit !important;
+  font-size: 12px !important;
+  font-weight: 500 !important;
+  color: #888 !important;
+  background: rgba(0, 0, 0, 0.03) !important;
+  cursor: pointer !important;
+  transition: background 0.1s !important;
+}
+.excalidraw .acp-act-toggle:hover {
+  background: rgba(0, 0, 0, 0.06) !important;
+  color: #555 !important;
+}
+.excalidraw .acp-act-toggle svg {
+  flex-shrink: 0;
+}
+.excalidraw .acp-act-chevron {
+  transition: transform 0.15s ease;
+}
+.excalidraw .acp-act-chevron--open {
+  transform: rotate(90deg);
+}
+.excalidraw .acp-act-list {
+  margin: 4px 0 4px 8px;
+  padding-left: 10px;
+  border-left: 2px solid rgba(0, 0, 0, 0.06);
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+}
+.excalidraw .acp-act-row {
+  font-size: 12px;
+  line-height: 1.45;
+}
+.excalidraw .acp-act-head {
+  display: flex !important;
+  align-items: baseline !important;
+  gap: 7px !important;
+  width: 100% !important;
+  padding: 3px 4px !important;
+  border: none !important;
+  border-radius: 6px !important;
+  background: transparent !important;
+  font-family: inherit !important;
+  font-size: 12px !important;
+  color: #666 !important;
+  text-align: left !important;
+  cursor: pointer !important;
+}
+.excalidraw .acp-act-head:hover:not(:disabled) {
+  background: rgba(0, 0, 0, 0.035) !important;
+}
+.excalidraw .acp-act-head:disabled {
+  cursor: default !important;
+}
+.excalidraw .acp-act-head--static {
+  cursor: default !important;
+}
+.excalidraw .acp-act-icon {
+  display: inline-flex;
+  align-self: flex-start;
+  flex-shrink: 0;
+  margin-top: 2px;
+  color: #9a9a9a;
+}
+.excalidraw .acp-act-label {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.excalidraw .acp-act-label--note {
+  white-space: normal;
+  color: #555;
+  font-style: italic;
+}
+.excalidraw .acp-act-result {
+  flex-shrink: 1;
+  min-width: 0;
+  max-width: 45%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: #a0a0a0;
+  font-size: 11px;
+}
+.excalidraw .acp-act-preview {
+  flex: 2;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: #a0a0a0;
+  font-size: 11px;
+}
+.excalidraw .acp-act-preview--live {
+  background:
+    linear-gradient(
+      90deg,
+      #bdbdbd 0%,
+      #6b6b6b 45%,
+      #bdbdbd 90%);
+  background-size: 200% 100%;
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  animation: acp-act-shimmer 1.8s linear infinite;
+}
+.excalidraw .acp-act-thinking-body {
+  margin: 2px 0 6px 24px;
+  padding: 7px 9px;
+  border-radius: 7px;
+  background: rgba(0, 0, 0, 0.03);
+  color: #5a5a5a;
+  font-size: 11.5px;
+  line-height: 1.55;
+  white-space: pre-wrap;
+  word-break: break-word;
+  max-height: 260px;
+  overflow-y: auto;
+}
+.excalidraw .acp-act-args {
+  margin: 2px 0 6px 24px;
+  padding: 6px 9px;
+  border-radius: 7px;
+  background: rgba(0, 0, 0, 0.03);
+  font-size: 11px;
+  color: #5a5a5a;
+}
+.excalidraw .acp-act-arg {
+  display: flex;
+  gap: 6px;
+  padding: 1px 0;
+}
+.excalidraw .acp-act-arg-key {
+  flex-shrink: 0;
+  color: #999;
+}
+.excalidraw .acp-act-arg-val {
+  min-width: 0;
+  word-break: break-word;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.excalidraw .acp-act-row--ok .acp-act-icon {
+  color: #27ae60;
+}
+.excalidraw .acp-act-row--error .acp-act-icon {
+  color: #e74c3c;
+}
+.excalidraw .acp-act-row--approved .acp-act-icon {
+  color: #27ae60;
+}
+.excalidraw .acp-act-row--issues .acp-act-icon {
+  color: #e67e22;
+}
+.excalidraw .acp-act-row--handoff .acp-act-icon {
+  color: #6c5ce7;
+}
+.excalidraw .acp-act-spin {
+  animation: acp-act-rotate 0.9s linear infinite;
+}
+@keyframes acp-act-rotate {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes acp-act-shimmer {
+  to {
+    background-position: -200% 0;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .excalidraw .acp-act-spin,
+  .excalidraw .acp-act-preview--live {
+    animation: none;
+  }
+  .excalidraw .acp-act-preview--live {
+    -webkit-text-fill-color: #6b6b6b;
+  }
+}
+
 /* components/AIChatPanel.scss */
 .excalidraw .acp {
   position: fixed;